vue-cli构建Vue3项目

标签：npm node vue cli 查询 版本 Vue3

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，不保留。等待项目创建。

4、创建成功后启动项目

1、可以在创建成功界面 cd进入项目文件夹 再启动

cd myblog
npm run serve

　　

2、也可直接进入项目文件夹地址栏cmd回车后打开命令窗口再启动

npm run serve

　　

 至此，浏览器打开地址

 项目启动成功

5、项目框架

 

标签：npm,node,vue,cli,查询,版本,Vue3
From： https://www.cnblogs.com/lanrenka/p/17585959.html