【vue】框架搭建

一、 前期准备

检查是否安装vue-cli (打开windows PowerShell或者运行中的cmd)

vue -V（V大写）

如果安装会显示安装的版本号，如下所示：

如果没有安装，输入如下命令：

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

安装特定的脚手架

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

卸载

npm uninstall -g @vue/cli

二、搭建过程

1、将路径调整到自己要安装的目录下面

cd E:\IdeaProjects\vuedemo\（路径的地址）

2、创建项目

vue create project（项目名称）

可以按照自己的习惯选择，default（babel，eslint）是默认，Manualy select features是手动。
a.选择默认：直接回车，就会进行创建了
b.选择手动：（使用上下键切换就好）选择后，回车，出现如下结果，根据自己所需要的配置，选择对应的数据（通过上下键移动，空格进行选中）
(1）Babel 是一个 JavaScript 编译器，以便能够运行在当前和旧版本的浏览器或其他环境中。
(2) TypeScript：选择的类型
(3) Progressive Web App (PWA) Support
(4) Router
(5) Vuex
(6) CSS Pre-processors：选择CSS 预处理类型，有如下选择：

  Sass/SCSS (with dart-sass)
  Sass/SCSS (with node-sass)
  Less
  Stylus 

(7) Linter / Formatter
(8) Unit Testing
(9) E2E Testing

选择完成后会出现如图所示的结果：（图中是小编的选择）

三、运行项目

打开项目进行运行，出现如下图所示的结果就成功啦~