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
初始化配置
各个文件解析
runtime-compiler和runtime-only的区别
runtime-compiler会先将template编译为ast再编译为render
runtime-only会直接编译为render,因此更加节省资源
拉取脚手架3模板
vue create
运行以下命令来创建一个新项目:
vue create hello-world