Vue CLI(脚手架)


Vue CLI安装

使用npm安装

npm install -g @vue/cli

升级

npm update -g @vue/cli

拉取脚手架2模板

上诉命令默认安装的是Vue CLI3,如果想要使用Vue CLI2初始化项目将不可使用

Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:

npm install -g @vue/cli-init

使用脚手架2初始化项目

vue init webpack 项目名称

例如:

vue init webpack my-project

初始化配置

image-20210706163248809

各个文件解析

image-20210706163513865

runtime-compiler和runtime-only的区别

runtime-compiler会先将template编译为ast再编译为render

runtime-only会直接编译为render,因此更加节省资源

拉取脚手架3模板

vue create

运行以下命令来创建一个新项目:

vue create hello-world