vscode 插件和配置

通用vscode-iconsPrettier – Code formatter：配合 vscode 保存自动格式化Atom One Dark ThemeAuto Close TagAuto Rename TagBracket Pair ColorizerChinese (Simplified) Language Pack for Visual Studio CodeCode RunnerCSS PeekDocument This ==> 快捷键 Ctrl+Alt+D and again Ctrl+Alt+D，生成.ts声明HTML CSS SupportIntelliSense for CSS class names in HTMLJavaScript (ES6) code snippetsLive ServerOne Dark ProPath AutocompletePath IntellisensePrettierProject ManagerVS Color Pickersetting syncGit History – 通过vscode管理gitDebugger for ChromeDebugger for FirefoxPrettier – Code formattereditConfig for VS Code配置说明”editor.formatOnSave”: false：设置为true，保存Prettier自动格式化代码setting sync插件，自动同步vscode插件到GitHub，配置详见插件本身。通过vscode管理git，详见之前文章，Mac下git的三种方式editConfig for VS Code不同IDE配置相同的格式化root = true[*]charset = utf-8indent_style = spaceindent_size = 2end_of_line = lfinsert_final_newline = truetrim_trailing_whitespace = true

vueVetur在 User Setting 的 json 内配置格式化vue// vetur 插件 “extensions.ignoreRecommendations”: true, “emmet.syntaxProfiles”: { “vue-html”: “html”, “vue”: “html” }, “vetur.validation.template”: false, “eslint.options”: { “plugins”: [“html”] }, “eslint.validate”: [“javascript”, “javascriptreact”, “html”, “vue”], “prettier.singleQuote”: true, “prettier.semi”: false, “vetur.format.defaultFormatter.html”: “js-beautify-html”, “vetur.format.defaultFormatterOptions”: { “wrap_attributes”: “force-aligned” }配置vue模板 – 输入vue然后tab入口： cmd + shift + p 输入snippets，选择vue，进入 vue.json 文件拷贝如下代码// vue 模板 “Print to console”: { “prefix”: “vue”, “body”: [ “”, ” n”, ” “, “n”, “”, “export default {“, ” components: {n”, ” },”, ” data() {“, ” return {n”, ” }”, ” },”, ” methods: {n”, ” },”, ” computed: { },”, ” watch: { },”, ” mounted() {n”, ” },”, “}n”, “n”, “n”, “.main {n”, “}”, “”, “$2” ], “description”: “Log output to console” }模板效果图 export default { components: { }, data() { return { } }, methods: { }, computed: { }, watch: { }, mounted() { },}.main {}

微信小程序Easy WXLESS ==> 将 less 转为 wxss，在vue项目内停用该插件minapp小程序助手

后记：wechat-snippet 和 minapp 补全会冲突，wechat-snippet 有 json 补全，但其他地方差强人意，更建议使用minapp，json手动拷贝即可。

备注

不能同步插件：

Easy WXLESS ==> 将 less 转为 wxss，在vue项目内停用该插件minappLive ServertodoESLint 用法Beauty

格式化代码选择 prettier ，没有使用 beautiful 插件