前言
19年8月份的时候,vue-cli更新到了3.X,新版本的脚手架封装度更高,配置起来简单许多,旨在让用户把精力都放在编写业务代码中,3.X脚手架已经自动搭建在webpack4上,所以不用大家再去从webpack3升级到webpack4,当然性能也提高了很多,所以推荐大家使用cli3.X版本去搭建自己的项目,通过这篇教程帮大家熟悉使用vue cli3去搭建vue项目。
安装
1.卸载旧版本cli
如果你之前都是基于vue-cli2.X,你需要先卸载它:
#卸载vue-cli
npm uninstall -g vue-cli
2.安装vue-cli:
npm install -g @vue/cli // 安装cli3.x
vue --version 或者 vue -V //查看版本是否为3.x
同时因为VueCLI >= 3 和旧版使用了相同的 vue 命令,所以直接安装CLI3,那么 Vue CLI 2 (vue-cli) 会被覆盖。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:
npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project
创建项目
1.初始化
cd进指定项目文件夹,创建项目。