vuecli3创建vue项目

一. 卸载旧版本,安装新版本,检测安装是否正常

 注: 以下所有操作在 cmd 命令行中完成

卸载

// Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 
// 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过
 npm uninstall vue-cli -g 
或 
 yarn global remove vue-cli 
// 卸载它。

安装

npm install -g @vue/cli
# OR
yarn global add @vue/cli

检测

// 你还可以用这个命令来检查其版本是否正确 (3.x)
vue --version

二. 创建VUE项目

 运行 vue create 命令

// 例如你的第一个 vue-cli 3 的项目叫 vue-cli3-demo
// 所以在创建项目时可以输入以下命

vue create vue-cli3-demo

// 输入命令后回车,需要等待一会

你会被提示选取一个 preset(预置选项)。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset(预置选项)，也可以选“手动选择特性”来选取需要的特性。

? Please pick a preset: (Use arrow keys) // 请选择预置 (使用上下箭头)
> default (babel, eslint) // 默认选项(基本的 Babel + ESLint 设置)
  Manually select features // 手动选择 需要的配置

移动箭头选择第二项(Manually select features[手动选择功能]), 你会看到如下选项

Vue CLI v3.7.0

 //请选择预置:手动选择功能
? Please pick a preset: Manually select features

// 检查项目所需的特性
? Check the features needed for your project: 

//空格键选择, 字母a键切换所有, 字母i键反向选择
(Press  to select,  to toggle all,  to invert selection)
 
>(*) Babel // 是一个 JavaScript 编译器
 ( ) TypeScript // 编译JavaScript
 ( ) Progressive Web App (PWA) Support // 渐进式WEB应用
 ( ) Router // vue 路由
 ( ) Vuex // vue 状态管理
 ( ) CSS Pre-processors // css 预处理器 Sass/SCSS/less 编译我们的