前端配置环境

工具类配置

一、下载Git Bash
下载地址

二、下载google浏览器
下载地址

三、下载微信开发者工具
下载地址

四、下载TortoiseGit
下载地址
使用详解

五、下载vscode
下载地址

1、安装中文包
安装中文包 教程

2、安装插件

3、vscode中使用git
教程

4、setting.json

我自己常用的:

javascript 复制代码
{
  "editor.fontSize": 18,
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "git.confirmSync": false,
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "cSpell.languageSettings": [
    


  ],
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "npm.packageManager": "npm",
  "workbench.colorTheme": "Winter is Coming (Light - No Italics)",
  "gutterpreview.showUnderline": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "search.followSymlinks": false,
  "volar.inlayHints.eventArgumentInInlineHandlers": false,
  "terminal.explorerKind": "external",
  "files.exclude": {
    "**/node_modules": false
  },
  "prettier.endOfLine": "auto",
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.rulers": [
      80
    ],
    "editor.selectionHighlight": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": "off"
  },
  "java.jdt.ls.java.home": "D:\\javajdk",
  "diffEditor.ignoreTrimWhitespace": true,
  "codecheck.CodeCheckOffline": true,
  "git.ignoreRebaseWarning": true,
  "html.validate.styles": false,
  "window.menuBarVisibility": "compact",
  "terminal.integrated.cwd": "${fileDirname}",
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  "eslint.execArgv": null,
  "terminal.external.windowsExec": "C:\\Windows\\System32\\cmd.exe",
  "terminal.sourceControlRepositoriesKind": "external",
  "java.jdt.ls.vmargs": "-XX:+UseParallelGC -XX:GCTimeRatio=9 -XX:AdaptiveSizePolicyWeight=90 -Dsun.zip.disableMemoryMapping=true -Xmx512m -Xms256m -Xlog:disable",
}

环境类配置

安装node、指定版本nvm、配置系统和环境变量

安装cnpm时可能报错:
使用npm时,报错:npm WARN config global --global,--local are deprecated. Use --location=global

btw:window+x => windows powershell(管理员)

环境变量用户变量那些的文件夹一定要对应好

测试时,就cmd打开不同的盘,查看node -v

相关推荐
Smile_Gently1 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
luckycoke8 小时前
小程序立体轮播
前端·css·小程序
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
懒羊羊我小弟8 小时前
常用Webpack Loader汇总介绍
前端·webpack·node.js
祈澈菇凉8 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
顾比魁9 小时前
XSS盲打:当攻击者“盲狙”管理员
前端·网络安全·xss
黑客老李9 小时前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
java·运维·服务器·前端·xss
晚风予星9 小时前
简记|LogicFlow自定义BPMN元素节点
前端
Json____9 小时前
使用html css js 开发一个 教育机构前端静态网站模板
前端·css·html·js·前端学习·企业站·教育机构网站