作者：lakensei | 来源：互联网 | 2023-09-24 16:36
本文由编程笔记#小编为大家整理，主要介绍了新老版本vue-cli的安装及创建项目等方式的比较相关的知识，希望对你有一定的参考价值。vue-cli3.0正式版于2018年8月发布，截至
本文由编程笔记#小编为大家整理，主要介绍了新老版本vue-cli的安装及创建项目等方式的比较相关的知识，希望对你有一定的参考价值。
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-cli（旧版本） |
@vue/cli（新版本-推荐） |
安装环境 |
Node.js (>=6.x, 8.x preferred)
npm version 3+ and Git |
Node.js 8.9 或更高版本 (推荐 8.11.0+) |
安装 |
npm install vue-cli -g |
npm install -g @vue/cli 或者 yarn global add @vue/cli |
查看版本号 |
vue -V |
卸载 |
npm uninstall vue-cli -g 或 yarn global remove vue-cli |
npm uninstall @vue/cli -g 或者 yarn global remove @vue/cli |
创建vue项目 |
vue init 两种常用的模板类型：
webpack-simple webpack
如：vue init webpack my-project |
vue ui 通过图形化页面创建
vue create 通过命令行创建 |
启动vue项目 |
npm run dev 或 npm start |
npm run serve |
打包vue项目 |
npm run build |
欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。
京公网安备 11010802041100号