vue命令

1 》 npm install -g @vue/cli 安装 vue cli3

2 》 npm uninstall vue-cli -g 卸载 vue cli3

3 》 vue create 项目名称 直接命令行创建

接下来会问你选择那种配置（会显示所有保存过的配置，首次使用只会显示 default（babel,eslint）以及 Manually select features）

可选自己之前创建过的或选择官方默认配置或者手动选择)

vue命令

选择Manually select features 将出现以下内容

vue命令

方向键控制上下空格选择 A 全选 I反转选择

选择好大体的功能/插件之后回车接着会让你选择细分的特性

比如 Linter/Formatter 下：

vue命令

在保存时进行代码检测

vue命令

Babel、PostCSS、ESLint等配置文件存放位置，选择单独保存在各自的配置文件中

vue命令

Pick a CSS pre-processor(css预处理语言)下有SCSS/SASS、LASS、Stylus

还有TS、PWA、Roter（vue 路由管理；SPA必带）、Vuex（vue状态管理）、测试（Unit Testing、E2E Testing）等等，均可按需选择

最后会询问你是否保存为未来项目的预设配置如果保存需要输入名称

vue命令

等待项目创建...

vue命令

项目创建好后按提示进入项目，并启动项目

4 》cd 项目名称

5 》 npm run serve 进入项目

6 》cnpm install fastclick --save click在手机上延迟300秒移动端页面插件

　　import FastClick from 'fastclick'

　　FastClick.attach(document.body);

7 》 cnpm install axios --save ajax的下载

　　import axios from 'axios'

　　Vue.prototype.axios = axios

8 》 cnpm install --save animate.css 动画的使用

　　import animate from 'animate.css'

　　Vue.use(animate)

9 》cnpm install vue-awesome-swiper --save 轮播图下载

　　import VueAwesomeSwiper from 'vue-awesome-swiper'

　　import "./assets/css/swiper.css"

　　Vue.use(VueAwesomeSwiper)

10 》 npm i vant -S ui下载 npm i babel-plugin-import -D vant的插件