vue-cli构建Vue3项目-526互联

1、node环境检查

node -v //查询Node版本

2、vue-cli版本检查

vue -V //查询 vue-cli版本
npm uninstall -g vue-cli //卸载旧版vue-cli

npm install -g vue-cli //旧版vue-cli2
npm install -g @vue-cli //vue-cli3

其他命令：

vue -V  //查询vue-cli脚手架版本
npm list vue  //查询vue 版本
npm -V //查询npm版本
node -v   //查询node版本
nvm ls   //查询已安装的node版本，需先安装nvm

3、创建vue3项目

vue create mylog  //vue-cli3/cli4版本
vue init webpack vue2-myblog   //vue-cli2版本

注意：项目名全小写

Manually select features 自定义选项：

选择你需要的配置项，按上下键滚动，空格键选中当前特性，加*表示需要，再次*号取消需要，最后按回车确定：（没反应等待一下，可能卡主了，等创建完毕就好了）

Babel：转码器，可将ES6代码转为ES5
TypeScript： 支持使用 TypeScript （JavaScript超集）
Progressive Web App (PWA) Support ：支持PWA（渐进式Web应用程序） 
Router ：支持 vue-router （路由）
Vuex ：支持 vuex （状态管理器）
CSS Pre-processors： 支持 CSS 预处理器
Linter / Formatter ：支持代码风格检查和格式化
Unit Testing：支持单元测试
E2E Testing： 支持 E2E 测试（end to end）

选择vue.js的版本，选择3.x

空格+enter确定

是否使用babel，是（直接回车默认就是yes）；是否用history路由模式，是；选择写样式的方法，我选的less;一些配置是放在package.json还是单独的文件里面，选择单独的文件，就是dedicated config files；在之后的项目中是否保留这些设置，我选n，不保留。等待项目创建。