ES5前端模块化环境搭建

编码规范

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

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 模块简史

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 8,848评论 0 15
  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 14,314评论 7 163
  • spring boot上支持@cacheable的缓存,其中的“key” 和“cacheNames”支持spel表...
    Josie__阅读 13,937评论 7 3
  • 有一天我们走在街道上, 遗失了过去的烟纱。 灯火飘摇在往后的希冀, 时间触摸, 隔或不隔的远。 绿苔染的几处斑驳,...
    empror阅读 1,769评论 1 2
  • 目标:近三个月收入增加五万元,种出自己财富业力伙伴,帮助更多的人。 1.给父母及男友父母各存5元钱,感恩他们的付出...
    空空dj阅读 1,414评论 0 0

友情链接更多精彩内容