A Vue.js project
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
- vue-cli vue init webpack project npm install
- 修改eslintrc.js 根据团队需求做代码书写规范(后期总结具体内容)
- build、config是webpack的配置文件,修改相关的一点 (autoOpenBrowser: true)
- .gitignore .eslintignore 忽略文件配置
- 根据自己需求修改添加目录文件
- static 静态文件webpack不会对其进行任何处理
- src-assets 公共资源文件 里面存放项目共用的js、css、img、fonts
- src-components 公共组件(针对本项目)
- src-base 基础组建(多个项目都能用)多数与业务逻辑无关 CSS/组件名命名规范
- src-pages 页面组件(本项目各个页面) 提供组件位置信息的容器
- src-api 服务器获取资源文件(接口)
- 配置公共资源 base.css/reset.css/iconfont...
- px2rem-loader 安装配置 loader一般都需要配置,在untils.js
- 用的vue-cli2.X 安装对应sass-loader npm install [email protected], sass-loader依赖于node-sass,所以要安装node-sass
- fastclick --解决移动端300ms延迟
- babel-polyfill --低版本兼容es6
- vue-awesome-swiper 幻灯片组件
- 本地图片在js中要通过require引入,或者用important引入
- 由于跨域安装jsonp 并封装将回调改为 promise
- scss _iconfonts.scss 下划线文件scss内部文件
- scss 引用scss文件前面要加~
- 放在data里面的数据自动添加get set方法,是响应数据变化的数据,对于不需要响应变化的,直接放在created里面就可以
- axios 多次请求取消上一次请求 category
- 截流函数
- mixin 提取共用js
- transition/transition-group
- $nextTick
- .native 自定义组件想要使用原生的方法要用native,组织冒泡用.stop