vscode vue-cil3脚手架搭建项目

前言：

用vscode搭建一个vue-cil项目，还有一些用到的前端框架element，安装包等等。

---

创建新项目

1. 在vscode新终端输入 vue create register(register为自己定义的项目名字)
   
   2.接下来选择“手动选择功能”
   
   3.勾选
   Babel—Javascript的编译器
   Babel—路由器
   Vuex— Vue.js 应用程序开发的状态管理模式
   4.我们选择最新vue的版本
   
   5.我们选择用history模式来创建路由
   有两种模式，hash模式和history模式
   最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的
   6.配置的文件放入独立的文件中
   
   7.不保存为将来的预设（安装自己的习惯来，也可以设为将来预设）
   
   等待项目创建完成
   
   初始化项目 输入npm run serve，点击local和Network能进入vue的网页
   

可能用到的第三方插件(还有很多好用插件，所以此处待完善)
1.导入前端框架element
控制端输入vue add element
选择局部导入Import on demand,中文zh-CN,然后等待下载

2.vue图片懒加载
主要是vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy

3.下载sass预处理器 npm install -D sass-loader sass --legacy-peer-deps

4.下载axios,与后端进行交互，控制端输入cnpm i axios -s

axios挂载下载其他方法npm install axios