美文网首页
ES5前端模块化环境搭建

ES5前端模块化环境搭建

作者: LastSeries | 来源:发表于2017-12-13 17:06 被阅读0次

编码规范

不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。

Bootstrap编码规范

编辑器

Visual Studio Code


// 工作区设置

{

    // 读取和编写文件时使用的默认字符集编码。也可以根据语言配置此设置。

    "files.encoding":"utf8",

    // 一个制表符等于的空格数。该设置在 `editor.detectIndentation` 启用时根据文件内容进行重写。

    "editor.tabSize":2,

    // 启用后,保存文件时在文件末尾插入一个最终新行。

    "files.insertFinalNewline":true,

    // 启用后,保存文件时将删除在最终新行后的所有新行。

    "files.trimFinalNewlines":true,

    "git.ignoreLimitWarning":true

}

js代码检查工具

eslint 官网 中文网 GitHub


npm install eslint --save-dev


// .eslintrc.json

{

    "parserOptions": {

        "ecmaVersion":5,

        "sourceType":"script",

        "ecmaFeatures": {

            "impliedStrict":true

        }

    },

    "env": {

        "browser":true,

        "node":true,

        "commonjs":true,

        "amd":true,

        "jquery":true

    },

    "globals": {

        "requirejs":false

    },

    "root":true,

    "extends": [

        "eslint:recommended"

    ],

    "rules": {

        "no-console":"off"

    }

}

CSS代码检查器

stylelint 官网 中文网 GitHub


npm install stylelint--save-dev

npm install stylelint-config-recommended --save-dev


// stylelintrc.json

{

    "extends":"stylelint-config-standard"

}

js模块化方案

requirejs 官网 中文文档GitHub

附录

js模块化方案

JavaScript 模块简史

相关文章

网友评论

      本文标题:ES5前端模块化环境搭建

      本文链接:https://www.haomeiwen.com/subject/rtrzixtx.html