前端配置环境

工具类配置

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

相关推荐
不爱吃糖的程序媛1 分钟前
浅谈前端架构设计与工程化
前端·前端架构设计
郝YH是人间理想2 小时前
系统架构设计师案例分析题——web篇
前端·软件工程
Evaporator Core2 小时前
深入探索:Core Web Vitals 进阶优化与新兴指标
前端·windows
初遇你时动了情2 小时前
html js 原生实现web组件、web公共组件、template模版插槽
前端·javascript·html
QQ2740287563 小时前
Soundness Gitpod 部署教程
linux·运维·服务器·前端·chrome·web3
前端小崔3 小时前
从零开始学习three.js(18):一文详解three.js中的着色器Shader
前端·javascript·学习·3d·webgl·数据可视化·着色器
哎呦你好3 小时前
HTML 表格与div深度解析区别及常见误区
前端·html
运维@小兵3 小时前
vue配置子路由,实现点击左侧菜单,内容区域显示不同的内容
前端·javascript·vue.js
koiy.cc4 小时前
记录:echarts实现tooltip的某个数据常显和恢复
前端·echarts
一只专注api接口开发的技术猿4 小时前
企业级电商数据对接:1688 商品详情 API 接口开发与优化实践
大数据·前端·爬虫