vue-cli 3.0 正式版本于2018年8月发布,截止到2020年08月05日版本已经更新到4.4.6。
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli,目前网上很多的Vue项目搭建教程由于没有说明使用的vue-cli的版本,不同的操作方式往往给新人造成很大的困扰。
3.0+与2.*版本在搭建项目时到底有何不同呢?下面做一下简单的介绍,希望可以帮到有需要的朋友。
Vue脚手架vue-cli:新老版本的安装及创建项目等方式的比较 vue-cli(旧版本:2.*) @/vue-cli(新版本:3.0+,推荐) 安装环境 Node.js (>=6.x, 8.x preferred)
npm version 3+ and GitNode.js 8.9 或更高版本 (推荐 8.11.0+) 安装命令 npm install vue-cli -g npm install -g @vue/cli 或 yarn global add @vue/cli 创建vue项目 vue init <template-name> <project-name>
两种常用的模板类型:
webpack-simple webpack
如:vue init webpack my-projectvue create my-project(项目名称) --通过命令行创建
或
vue ui --通过图形化页面创建
启动vue项目 npm run dev 或 npm start npm run serve 打包vue项目 npm run build 查看版本号 vue -V 卸载 npm uninstall vue-cli -g
或
yarn global remove vue-cli
npm uninstall @vue/cli -g
或
yarn global remove @vue/cli
- 如果你安装新版前已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
- vue ui 通过图形化页面创建vue项目是vue-cli 3.0+以后版本才有的功能!!!