安装vscode，安装好后按照图安装插件
打开vscode 文件->首选项->设置
然后把下面代码粘贴进去
// 将设置放入此文件中以覆盖默认设置
{
"editor.fontSize": 22,
"workbench.sideBar.location": "left",
"workbench.statusBar.visible": false,
"workbench.activityBar.visible": false,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.cursorBlinking": true,
"explorer.openEditors.visible": 0,
"editor.renderIndentGuides": false,
"workbench.colorTheme": "Material Theme",
"workbench.iconTheme": "material-icon-theme",
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
// "editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": false,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 是否插入冒号
"stylusSupremacy.insertColons": false,
// 是否插入分好
"stylusSupremacy.insertSemicolons": false,
// 是否插入大括号
"stylusSupremacy.insertBraces": false,
// import之后是否换行
"stylusSupremacy.insertNewLineAroundImports": false,
// 两个选择器中是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
//关闭html没闭合标签报错
"vetur.validation.template": true,
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
},
"prettyhtml": {
"tabWidth": 4,
"wrapAttributes": false,
"printWidth": 100,
"singleQuote": false
},
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
}
},
"vetur.format.defaultFormatter.html": "prettier",
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.postcss": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.format.defaultFormatter.stylus": "stylus-supremacy",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatter.ts": "prettier",
"editor.formatOnPaste": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.snippetSuggestions": "top",
"files.autoSave": "afterDelay",
"window.zoomLevel": 0,
"extensions.ignoreRecommendations": false,
"search.location": "sidebar",
"javascript.updateImportsOnFileMove.enabled": "always",
"files.associations": {
".html": "html",
".vue": "vue",
".cjson": "jsonc",
".wxss": "css",
"*.wxs": "javascript"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"emmet.includeLanguages": {
"wxml": "html"
},
"minapp-vscode.disableAutoConfig": true,
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
}
}
安装node.js
安装完成后，在命令行输入node -v 检测是否安装成功
安装vue-cli
命令行 npm install -g @vue/cli
安装完成后使用 vue -V 或者 vue --version 查看版本是否正确
全局安装nrm包，nrm是npm源管理器
命令行 npm i -g nrm
命令行 使用 nrm test 检测镜像到你本地的速度
命令行 nrm use taobao 选择一个速度快的，切换过去，这里是切换到taobao源
原文地址：https://blog.51cto.com/cathy18c/2416538