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 配置文件以及描述