vue-cli 3.0 --安装
第一步:先卸载旧版的 vue-cli
关于旧版本
Vue CLI 的包名称由
vue-cli
改成了@vue/cli
。 如果你已经全局安装了旧版本的vue-cli
(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g
或yarn global remove vue-cli
卸载它。
第二步:安装vue-cli 3.0
npm install -g @vue/cli
# OR
yarn global add @vue/cli
第三步:新建项目
1、新建 hello-world 项目
vue create hello-world
2、选择配置
选择第二个 进入配置项
3、安装依赖
选择自己适合的依赖 键盘上下移动 , 空格 选择/取消 , 字母 a 全选/取消 回车确定
4、依赖
我选择的 yes
选择 lesss
- 独立文件放置
- 放
package.json
里
这个选择是 yes 的话 会自动生成一个模板 下次创建的时候 在第二个选择配置的时候 会多出一个 这个配置
最后 可以开始项目了
备注:如果还想使用 vue-cli 2.0 构建项目的话 安装下面的命令就行
npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project