前端配置环境

工具类配置

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

相关推荐
mldong6 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排7 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60617 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角9 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!9 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰9 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi10 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen11 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马12 小时前
AI源码分析:拆解模型底层实现逻辑
前端
IT_陈寒12 小时前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端