1 项目结构
|-- build : webpack 相关的配置文件夹(基本不需要修改)
|-- config: webpack
相关的配置文件夹(基本不需要修改)
|-- index.js:
指定的后台服务的端口号和静态资源文件夹
|-- node_modules
|-- src :
源码文件夹
|-- main.js: 应用入口 js
|-- static:
静态资源文件夹
|-- .babelrc: babel 的配置文件
|-- .editorconfig: 通过编辑器的编码/格式进行一定的配置
|-- .eslintignore: eslint 检查忽略的配置
|-- .eslintrc.js: eslint 检查的配置
|-- .gitignore: git 版本管制忽略的配置
|-- index.html: 主页面文件
|-- package.json: 应用包配置文件
|-- README.md: 应用描述说明的 readme 文件
2 使用字体库
目前国内用的最多的是阿里巴巴矢量库（http://www.iconfont.cn/），注册用户登录后；
创建自定义项目；
然后选中字体图标到购物车后，点击购物车，点击“添加至项目”， 我用的是这个
https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=13547
项目中可以引用css字体库，//at.alicdn.com/t/font_983381_cqucs5xbbxv.css
3 stylus
当前主流的三种 css 预编译器1) Less 2) Sass 3) Stylus
3.1 在vue-cli项目引用
cnpm install stylus stylus-loader --save-dev
3.2 在单个页面引用时使用