创建基于webpack的vue项目步骤

孤街醉人 提交于 2019-12-26 10:08:55

1.安装node
因为vue项目是依赖于node.js、npm的,所以需要先安装node,node安装好了,npm也就安装好了。
安装node:直接去node官网找适合自己电脑版本的安装包下载即可。
测试是否有node或者是否安装好,命令窗口输入以下命令测试即可。
node -v
npm -v
vue -V
在这里插入图片描述
出现版本号即安装好了。

2.安装vue-cli
全局安装,命令行输入:npm install -g vue-cli
如果觉得npm慢的话,可以选择淘宝镜像
npm install -g vue-cli --registry=https://registry.npm.taobao.org
vue-cli首次安装需要,安装好后续项目就不需要再安装了。

3.搭建项目框架
进入某一目录,输入cmd进入命令窗口,
vue init webpack my-vue my-vue 是项目名称,可随意命名
在这里插入图片描述
回车即可
在这里插入图片描述
选择自己所需方式,回车即开始安装。
在这里插入图片描述
安装完成后,按命令提示输入
在这里插入图片描述
一个项目便开启了!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!