三十三、Vue Cli 的使用(初始化项目)

1. 安装Vue脚手架

npm install -g @vue/cli

2. 上面安装的是Vue Cli3的版本,如果需要想按照Vue Cli2的方式初始化项目是不可以的。

  拉取2.x模板(旧版本)

  Vue Cli3 和旧版本使用了相同的vue命令,所以Vue CLI2(vue-cli)被覆盖了,如果仍然需要使用旧版本的vue init功能,可以安装一个桥接工具

npm install -g @vue/cli-init
# vue init 的运行效果将会跟 'vue-cli@2.x' 相同
vue init webpack my-project

3. Vue CLI2初始化项目

vue init webpack my-project 

4. Vue CLI3初始化项目

vue create my-project

//1.创建项目-- vue init webpack 项目
PS D:\Code\VueJjDemo\02-Vuecli脚手架的使用> vue init webpack vueli2test ? Project name vueli2test //2.项目名称,不能包含大写 ? Project description vue cli2 demo //3.备注信息 ? Author wsyun //4.作者的信息,会默认从git中读取信息 ? Vue build standalone //5. ? Install vue-router? No //6.路由设置 ? Use ESLint to lint your code? Yes //7.ESLint检测代码规范 ? Pick an ESLint preset Standard //8.代码规范的 模式选择,standard为标准规范 ? Set up unit tests No //9.单元测试,某些公司会强制要求单元测试 //10. e2e测试,end to end安装Nightwatch, //是一个利用selenium或webdriver或phantomjs等进行自动化测试的框架 ? Setup e2e tests with Nightwatch? No //选择yarm或者npm安装都可以 ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "vueli2test".

  

posted @ 2022-04-14 10:43  搬砖工具人  阅读(147)  评论(0编辑  收藏  举报