vue脚手架安装_Vue学习笔记之VueCLI脚手架的介绍和安装CLI3的介绍

Vue CLI3以上版本的：vue create my-project

1、安装选项(初始选项可以配置个人的选项)：

2、选择所需配置：选择好后，回车确认选项

3、选择对应的配置单独生成文件还是直接放在package.json里面

4、是否把上面手动选择的项目保存为一个第一步中的安装选项？并选择用什么命令来管理项目所需的环境(提示hao的配置保存在什么地方：Preset hao saved in C:甥敳獲Administrator.vuerc)：

下次安装时，则多出一个"hao"的选项：

PS：手动选择的配置如果保存下来，后期想删除，则可以手工进行删除：

5、安装完成，通过npm run serve 启动项目：

CLI3的目录结构：

你也可以通过 vue ui 命令与图形化界面创建和管理项目：vue ui 打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程：

CLI3的配置文件：

1、通过图形管理界面来修改或维护配置文件，用vue ui 调出操作界面，然后导入我们需要管理的项目：

对应的插件配置文件：

项目依赖：

配置文件：

运行、编译项目：

项目隐藏了原来的配置文件，不过它在这里目录下还可以找到项目的配置文件：

这里又引用了此文件，项目的实际配置文件：

当然，也可以自己有个性化的配置，在项目根目录下创建一个vue.config.js文件，文件名字只能为这个，这样，后面在这个文件下个性的配置就会跟service.js的配置一起打包到项目里面：