# 开发环境准备

# 软件

太多-自己下吧

# 开发工具

vscode https://code.visualstudio.com/Download (opens new window)
sublimetext https://www.sublimetext.com/ (opens new window)
chrome https://www.google.cn/chrome/ (opens new window)
hbuilderX https://hx.dcloud.net.cn/Tutorial/install/windows (opens new window)

小程序开发工具

微信小程序开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html (opens new window)
抖音小程序开发者工具 https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/developer-instrument/download/developer-instrument-update-and-download (opens new window)
快手小程序开发者工具 https://mp.kuaishou.com/docs/develop/developerTools/downloadPath.html (opens new window)
支付宝小程序开放工具 https://opendocs.alipay.com/mini/ide/download (opens new window)

# 环境工具

# desktop_bg

alt text

# VScode

# 主题设置

下载扩展Atom One Light Theme
ctrl + shift + P > settings.json 设置豆沙色

C:\Users\Two\AppData\Roaming\Code\User\settings.json

{
  //豆沙色主题
  "workbench.colorTheme": "Atom One Light",
  "workbench.colorCustomizations": {
    "[Atom One Light]": {
      "editor.background": "#C7EDCC",
      "sideBar.background": "#C7EDCC",
      "activityBar.background": "#C7EDCC"
    }
  }

  // other setting ......
}

1
2
3
4
5
6
7
8
9
10
11
12
13

其他方案：https://mp.weixin.qq.com/s/BvS8DTvRS0zlozCvTw2MdQ

VScode 插件

GitLen

Volar(弃用)
Vue office

1
2
3
4

# Node

先按 NVM

nvm 介绍、安装、报错处理以及使用-CSDN 博客 (opens new window)

安装 nvm

配置 nvm 镜像

使用 nvm 安装指定 node 环境

配置 npm 包镜像

// 文件路径 一般在 C:\Users\Administrator\AppData\Roamingi\nvm  setting文件
// 覆盖之前的 setting--，直接把这里的贴过去
root: C:\Users\XXX\AppData\Roaming\nvm
path: C:\Program Files\nodejs
node_mirror: http://npmmirror.com/mirrors/node/
npm_mirror: http://npmmirror.com/mirrors/npm/

// 尽量不要使用 nvm node_mirror (可能会错误设置文件)
// 设置 nvm 镜像 -- 设置之后 还是要单独设置 对应 node 环境的 npm 镜像
nvm node_mirror http://npmmirror.com/mirrors/node/
nvm npm_mirror http://npmmirror.com/mirrors/npm/

1
2
3
4
5
6
7
8
9
10
11

参考（工作机的配置）：

root: C:\Users\Two\AppData\Roaming\nvm
path: C:\Program Files\nodejs

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

1
2
3
4
5

// npm 配置镜像 --  #此为淘宝新镜像
npm config set registry=https://registry.npmmirror.com/

1
2

# 开发环境准备

# 软件

# 开发工具

# 环境工具

# 代码版本管理

# 后端

# 办公

# desktop_bg

# VScode

# 主题设置

# Node