前台开发工具选择

目前前台开发工具是[vscode]https://code.visualstudio.com/ 免费的开发工具,

使用工具的时候遇到问题

• 控制台日志清空
  开始使用发现控制台打印的日志一直追加不清空且右键也没有清空键。百度下通过以下步聚可以设置清空快捷键。
  1、File-》Preferences-》Keyboard Shortcuts
  2、输入框输入workbench.action.terminal.clear
  3、双击该条目
  4、弹出框内ctrl+k，回车保存
• Vue代码格式化
  经常写出的代码不符合规范，工具编译不通过。

第一步安装相关插件：ESLint,JavaScript(ES6),vetur
文件->首选项->设置

image.png

打开settings.json，在代码块里面添加

 "prettier.eslintIntegration": true,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "stylusSupremacy.insertColons": false,
  "stylusSupremacy.insertSemicolons": false,
  "stylusSupremacy.insertBraces": false,
  "stylusSupremacy.insertNewLineAroundImports": false,
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "terminal.integrated.rendererType": "dom"

CTRL+S 保存会自动格式化你的代码