安装
vue cli 2
vue cli 3
需要注意的是如果希望安装 vue-cli 3,而环境里已安装 vue-cli 2,则需要使用指令
进行卸载后,再安装 vue-cli 3
使用
这里是使用脚手架初始化项目的指令,而这里的 webpack 指的不是 webpack 本身,而是预设好的一套完整版 webpack 配置的模板。偶个人习惯使用 webpack-simple 模板
完整的模板列表,请访问 vuejs-templates 项目
vuejs-templatesvue-cli 3
在 vue-cli 3 中使用以下指令创建项目:
执行后,同样是有配置向导一步步指引着配置步骤,这里跟 vue-cli 2 一致,但个人是使用
以图形界面的方式来创建项目,很方便好用。
使用 vue-cli 脚手架配置并初始化项目后,不论是 vue-cli 2 还是 vue-cli 3,脚手架所提供的均为项目的配置以及依赖的库设置,安装依赖库(npm i)的步骤依然需要手动执行的(vue ui 模式例外,该模式创建项目后,可以在创建后自动下载依赖库)
所以在脚手架配置好项目后,统一执行 npm i 来安装所有依赖库即可,不需要单独再去安装 webpack