IDE | roastwind

1.快捷键列表

command+shift+x: 调出插件列表
command+q: 退出当前软件
教程

2.vscode使用教程文章列表

1.js-css-html formater使用【后来卸载了】

1.安装插件后,command+shift+p调出控制面板,输入formater config, 修改以下配置（更改后要重启vscode）:

// 最后一行加空格
"end_with_newline": true,

1.1.使用beautiful插件进行格式化,建立一个.jsbeautifyrc文件,配置格式为json,文档列表 1.2.beautiful css/less(已删除)

1.使用prettier格式化文件,快捷键command+shift+f

// Number of spaces it should use per tab
"prettier.tabWidth": 4,
// If true, will use single instead of double quotes
"prettier.singleQuote": true
// Controls the printing of spaces inside object literals
"prettier.bracketSpacing": false

2.文档注释添加:fileheader插件,使用快捷键是ctrl+alt+i,添加配置为:

"fileheader.Author": "muzi131313",
"fileheader.LastModifiedBy": "muzi131313"

3.普通函数注释使用: document插件[光标放到函数上面,ctrl+shift+p,选择document this]

3.FECS格式化配置:QS-List

3.1.保存后，自动格式化的问题:

1.传送门: 禁用JS-CSS-HTML Formatter插件

3.1.设置vscode全局配置(摘选自卉姐):

{
    // 配置是否使用英文显示，{boolean}
    // 默认false，使用中文。设置为true，则使用英文
    "fecs.en": false,
    
    // 配置是否在保存文件时自动使用fecs，{boolean}
    // 本着不扰民的思想，默认false，不自动使用。设置为true，则在保存时自动使用fecs
    "fecs.auto": true,
    // Controls the rendering size of tabs in characters.
    // If set to auto, the value will be guessed based on the opened file.
    "editor.tabSize": 4,
    "window.zoomLevel": 1,
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "jspm_packages": true,
        "node_modules": true
    },
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist":true,
        "**/.git":true
    }
}

3.2.eslint不检查node_modules:

3.3.editignore中添加node_modules

3.4.vscode插件列表(来自于小欢): prettier(最后由于prettier会自动加分号，并且把单引号改成双引号，所以最后用的beautify，js-css-html-formater)
3.4.1.vscode插件列表
3.4.2.vscode插件列表2
3.4.3.vscode插件列表3(知乎)
3.5.刚开始检查是好的，过一会代码检查失败，缺少tslint，全局安装一下。安装好之后重启下vscode

Failed to load the TSLint library for the document /Users/liyanfeng/github/vuejs/vue-video/src/router/index.js

3.6.代码格式的问题

3.6.1.全局安装下fecs

npm install -g fecs

3.6.2.本地项目安装eslint-config-fecs-demo

npm install eslint-config-fecs-demo --save-dev

3.6.2.fecs检查结果代码检查在【输出】，而非在左下角目录，配置在.eslintrc.js， vscode fecs。保存自动检查功能，需要手动保存一下，才会自动检查，详情见(issue)

// ?应该不需要?
extends: 'fecs',

3.6.3.使用editorconfig插件管理配置，在项目目录下.editorconfig文件

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 4
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

3.7.1.tab转换空格

右下角有个空格

3.8.fecs 显示warn信息

// 配置fecs的check level，{number}
// 0为显示error和warn，1为只显示warn，2为只显示error，默认level为0
"fecs.level": 2,

3.9.vscode-fecs

cmd+shift+p，然后输入fecs可以进行格式化

4.0.代码规范

4.ESLint配置（未完待续）

4.1.eslint配置项
4.2.vue-cli中eslint问题,选择了fecs就不要选择eslint了。

5.插件列表

.ejs
auto close tag
auto comment blocks: html标签自动完成
auto rename tag
babel es6/es7
bootstrap 3 snippets for vs code
color highlight: 标注css颜色值
color picker
colorize
debugger from chrome
document this: 给一个函数添加注释
es6 mocha snippets
expresssnippet
fecs: 百度代码规范检查
file-icons: 文件图标
git history
git indicators
gitk
html boilerplate
html css support
html snippets
htmlhint
instant markdown
intellisense for css class names
javascript(es6) code snippets
javascript snippet pack
markdownlint
minify
npm
path autocomplete: 路径自动完成
path intellisense: 路径解析
prettier-javascript formatter: js格式化
preffify json
react native tools
react-native/react/redux snippets for es6/es7
reactjs code snippets
sass
scss intellisense
stylelint
todo parser
tslint: typescript检查
vetur: 识别vue文件
vscode-fileheader: 文件开头注释
import cost: 检查import包的大小
auto import: 自动查找、提供导入包的方法

6.配置

{
    // 配置是否使用英文显示，{boolean}
    // 默认false，使用中文。设置为true，则使用英文
    "fecs.en": false,

    // 配置是否在保存文件时自动使用fecs，{boolean}
    // 本着不扰民的思想，默认false，不自动使用。设置为true，则在保存时自动使用fecs
    "fecs.auto": true,
    // 配置fecs的check level，{number}
    // 0为显示error和warn，1为只显示warn，2为只显示error，默认level为0
    "fecs.level": 2,
    // Controls the rendering size of tabs in characters.
    // If set to auto, the value will be guessed based on the opened file.
    "editor.tabSize": 4,
    "window.zoomLevel": 1,
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "jspm_packages": true,
        "node_modules": true
    },
    // 启用后，将在保存文件时剪裁尾随空格。
    "files.trimTrailingWhitespace": true,
    // 启用后，保存文件时在文件末尾插入一个最终新行。
    "files.insertFinalNewline": true,
    // 删除尾随自动插入的空格
    "editor.trimAutoWhitespace": false,
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true,
        "**/.git": true
    },

    // fileheader
    "fileheader.Author": "muzi131313",
    "fileheader.LastModifiedBy": "muzi131313",
    "fileheader.tpl": "/*\r\n * @file: {file} \r\n * @author: {author} \r\n * @desc: {desc} \r\n * @date: {createTime} \r\n * @last modified by:   {lastModifiedBy} \r\n * @last modified time: {updateTime} \r\n */\r\n",

    // prettier
    // Number of spaces it should use per tab
    "prettier.tabWidth": 4,
    // If true, will use single instead of double quotes
    "prettier.singleQuote": true,
    // Controls the printing of spaces inside object literals
    "prettier.bracketSpacing": false,
    "git.confirmSync": false,
    "git.enableSmartCommit": true
}