vue项目基本操作

1 安装

npm install -g @vue/cli

2 创建一个项目

vue create project-name

选择时CSS Pre-processors忘记安装了，以下操作

npm install -D sass-loader node-sass

3 外部框架的使用

常用外部框架有element ui, swiper, echarts

3.1 element ui 的使用

安装

cd my-app
vue add element

安装时如果选择 Do you wish to overwrite Element's SCSS variables? 为yes，会自动生成一个scss文件，里面可以修改element的一些内容

引入
自动引入，直接在界面中按着文档的方法使用就可以了

3.2 swiper 的使用

安装

1. npm install swiper -s

引入

import Swiper from 'swiper'
import "swiper/dist/css/swiper.min.css";
@import "swiper/dist/css/swiper.min.css"; 

然后就可以和平时一样使用了

3.3 echarts 的使用

安装

npm install echarts --save

引入

在需要的地方引入(我是在单独的chart.js里面引入，需要画图的地方在引入charts.js，第二行引入的china.js用于画地图)

import echarts from 'echarts'
import 'echarts/map/js/china.js';

4 配置文件以及描述