vueCli(vue脚手架)
vueCli 3.X对node有一定版本需求（node>=8.9.X），先查看node版本node -v npm -v ，如果你安装了就的旧的版本
关于旧版本:
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
安装vue脚手架插件2和3
npm i -g @vue/cli-init （2.X创建时需要）
npm i -g @vue/cli (3.X使用时需要)
VueCli2.X创建项目
vue初始化基于webpack的my-project项目(项目名不能用大写字母)
vue init webpack my-project
? Project name my-project
? Project description A Vue.js project
? Author uplyw <xxx@xxx.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
对应2.X脚手架创建的说明
? 项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。
? 项目描述，如果不需要就直接回车。
？项目作者，默认计算机用户名
？构建方式（暂且这么解释）
// 1. (译：运行+编译：被推荐给大多数用户)
> Runtime + Compiler:recommended for most users
// 2.(译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。
// VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求)
> Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
allowed in .vue files-render functions are required elsewhere
？安装vue的路由插件，需要就选y，否则就n
？是否使用ESLint检测你的代码？
？是否安装单元测试(暂不详细介绍)
？是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景”。）
？项目创建后是否要为你运行“npm install”?这里选择包管理工具
VueCli3.X/4.X创建项目
vue-cli3.0 以后项目创建的命令变成了下面这样
vue create <Project Name> //文件名 不支持驼峰（含大写字母）
项目启动
vue-cli 2.0
npm run dev
vue-cli 3.0/4.0
npm run serve
参考说明：
Cli2.X参考：https://www.jianshu.com/p/4b594771211b
Cli3.x参考：https://www.jianshu.com/p/4b594771211b
Cli4.x参考：https://blog.csdn.net/liyunkun888/article/details/102738377
网友评论