Workspace

环境

Yarn 替代 npm

vue-cli 脚手架

npm npm包需要时可使用nvm

Node.js LTS 使用稳定版

rimraf windows删除大量文件用，unix用rm

npm-check-updates 检查package.json里面库的最新版

工具

vscode 推荐

jsperf 分析代码性能

Equality-Table Equality-Table

生成随机数据

Mockjs 需要写mock规则
Easy-Mock 用来模拟生成json文件提供远程接口
JSONPlaceholder 同时支持 HTTP 和 HTTPS 这两种请求类型

Sourcetree 支持Git flow工作流

brew Mac安装软件的工具

Vue.js devtools Chrome扩展

Window Resizer 兼容屏幕尺寸工具

REST Client 可以代替postman的插件

搬瓦工基于Google编程

配置 0.10.1+

vscode插件

vscode

测试webpack-hot-middleware hmr更新 autosave无法准确响应，建议关闭autosave换成手动保存

user settings

{
    "editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace", //Fira Code
    "vetur.validation.template": false,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "emmet.triggerExpansionOnTab": true
}

字体：Fira Code

vetur.validation.template .vue文件template高亮问题

js-beautify-html 可格式化.vue文件

prettier 配置

singleQuote 格式化后使用单引号

semi 每行末尾分号添加

emmet.triggerExpansionOnTab emmet默认用Tab键触发

JS-CSS-HTML Formatter 不明确推荐

{
    "onSave": false,
    "javascript": {
        "indent_size": 2,
        "indent_char": " ",
        "eol": "auto",
        "preserve_newlines": true,
        "break_chained_methods": false,
        "max_preserve_newlines": 0,
        "space_in_paren": false,
        "space_in_empty_paren": false,
        "jslint_happy": false,
        "space_after_anon_function": false,
        "keep_array_indentation": false,
        "space_before_conditional": true,
        "unescape_strings": false,
        "wrap_line_length": 0,
        "e4x": false,
        "end_with_newline": false,
        "comma_first": false,
        "brace_style": "collapse-preserve-inline"
    },
    "css": {
        "indent_size": 4,
        "indentCharacter": " ",
        "indent_char": " ",
        "selector_separator_newline": true,
        "end_with_newline": false,
        "newline_between_rules": true,
        "eol": "\n"
    },
    "html": {
        "indent_inner_html": false,
        "indent_size": 4,
        "indent_char": " ",
        "indent_character": " "
    }
}

onSave false

js代码缩进2个空格，css html 用4个

# Workspace

# 环境

# 工具

# 配置 0.10.1+

# vscode插件

# vscode

# user settings

Workspace

环境

工具

配置 0.10.1+

vscode插件

vscode

user settings