前端配置环境

工具类配置

一、下载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

相关推荐
子兮曰3 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭3 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路5 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒7 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol8 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉8 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau8 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生8 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼8 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879978 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter