慕课webApp

安装包

//环境版本 node最好>6.0  npm>3.0
//淘宝镜像   
npm install -g cnpm --registry=https://registry.npm.taobao.org 
//vue脚手架  
cnpm install -g vue-cli  
//下载模板   
vue init webpack webApp
//安装包依赖 
cd webApp
cnpm install
//polyfill 在es5中创建promise/对象的扩展方法等 ES6的特性 fastclick解决移动端300毫秒延迟 
cnpm install babel-polyfill --save
cnpm install fastclick --save
main.js
    import 'babel-polyfill';
    import fastclick from 'fastclick';
    fastclick.attach(document.body);
// <style lang="scss"></style> 在style标签内写scss语法
cnpm install --save-dev node-sass sass-loader

eslint 代码规则约束

//修改eslintrc.js
rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    // semi'分号':['错误级别error | warning ', '需不需要分号 never永不需要  always永远需要']   
    'semi': ['error', 'always'],
    //关闭eslint 的缩进
    'indent': 'off', 
    //启用vue的缩进
    'vue/script-indent': ['error', 2, {'baseIndent': 1}],
    //匿名函数,有名的函数, 异步箭头函数 括号之前的空格,
    'space-before-function-paren': ['error', {'anonymous': 'always', 'named': 'never', 'asyncArrow': 'always'}], 

  }
//执行命令 自动更正代码风格 npm run lint  -- --fix