前端配置环境

工具类配置

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

相关推荐
吕彬-前端7 分钟前
使用vite+react+ts+Ant Design开发后台管理项目(五)
前端·javascript·react.js
学前端的小朱9 分钟前
Redux的简介及其在React中的应用
前端·javascript·react.js·redux·store
guai_guai_guai18 分钟前
uniapp
前端·javascript·vue.js·uni-app
bysking1 小时前
【前端-组件】定义行分组的表格表单实现-bysking
前端·react.js
王哲晓2 小时前
第三十章 章节练习商品列表组件封装
前端·javascript·vue.js
fg_4112 小时前
无网络安装ionic和运行
前端·npm
理想不理想v2 小时前
‌Vue 3相比Vue 2的主要改进‌?
前端·javascript·vue.js·面试
酷酷的阿云2 小时前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
微信:137971205872 小时前
web端手机录音
前端
齐 飞2 小时前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb