Vue学习（十二）——脚手架

一.Vue-CLI2

1.使用脚手架配置Vue项目

（1）脚手架一般在终端操作

在vscode中使用终端需要先打开一个控制台

（2）修改创建文件的路径在终端使用 cd xxx 命令

 

（3）输入命令 vue init webpack xxxx,xxxx是项目名称，可以任意写

（4）等待项目模板加载完毕之后，就开始填写项目信息

2.关闭ESlint的标准

（1）找到config文件夹

（2）找到config文件夹中的index.js文件

（3）找到以下属性useEslint，把值改为false

3.打包项目指令

npm run build

4.编译项目中单js文件指令

node test.js

 5.执行项目文件的创建指令

npm run dev

或者  npm run start

链接就是网页的入口。

二.Vue-CLI3

1.使用脚手架配置Vue项目

（1）使用 vue create xxxx（xxxx是项目名称）命令创建项目

（2）如果安装了淘宝的镜像网站，就选择淘宝镜像网站

（3）选择设置

我的既有cli2的默认设置，又有cli3的默认设置，还有手动设置，一般选择默认CLI3的设置

（4）剩下的选择

2.启动Vue项目指令 npm run serve

3.启动Vue项目管理器使用  vue ui指令

打开之后，看到如下界面。

然后点击创建，选择最下边在此创建项目，上边可以选择路径。

然后输入项目名称，选择包管理工具为npm ,点击下一步

然后选择配置，直接默认即可。