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参考://www.greatytc.com/p/4b594771211b
Cli3.x参考://www.greatytc.com/p/4b594771211b
Cli4.x参考:https://blog.csdn.net/liyunkun888/article/details/102738377