简介
起因是最近刚入职了一家公司,配了一台新电脑。作为开发人员第一步就是新电脑的配置,包括软件安装和环境配置。
GIS软件
- 安装QGIS:www.qgis.org/en/site/
QGSIS轻量化安装使用比较方便,作为前端GISer的首选。
安装VScode
code.visualstudio.com/download
下载红框版本x64且安装目录尽量不要在系统盘
插件安装
-
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code(必备)
中文翻译 -
GitLens — Git supercharged(必备)Git History
git相关 -
Path Intellisense (必备)
查看文件路径 -
filesize(必备)
查看文件大小 -
Markdown Preview Enhanced (必备)
Markdown -
Live Server(必备)
静态服务器 -
Auto Import、Auto Close Tag、Auto Rename Tag(必备)
标签自动闭合 -
Code Spell Checker (必备)
检测英文命名 -
Color Highlight(必备)
查看颜色 -
CSS Peek(必备)
查看css -
Prettier - Code formatter(必备)
代码整理 -
Eslint (必备)
代码整理 -
HTML CSS Support、HTML Snippets、JavaScript (ES6) code snippets (必备)
前端三剑客 -
IntelliSense for CSS class names in HTML(必备)
css html类名检测 -
EditorConfig for VS Code(推荐)
代码格式化 -
Material Icon Theme(推荐)
文件样式 -
Ayu(推荐)
代码主题 -
Better comments (推荐)
不同注释不同颜色 -
Vue Language Features(必备)
代码高亮
接口工具
Postman:dl.pstmn.io/download/ve…
汉化教程:cloud.tencent.com/developer/a…
docker
下载地址:www.docker.com/
docker需要WSL2
安装WSL2
1.开启虚拟化 控制面板->程序->启用或关闭 windows 功能,开启 Windows 虚拟化和 Linux 子系统(WSL2)以及Hyper-V
勾选完成后,Windows11 会自己下载些东西,并提示你重启。等电脑彻底重启完以后,进行后续操作
有的家庭版找不到Hyper-v解决办法:zhuanlan.zhihu.com/p/558063980
2.微软商店下载ubuntu 20.04.2
3.遇到错误
内核没升级,需要安装升级:wslstorestorage.blob.core.windows.net/wslblob/wsl…
3.打开进行注册 用户名:
nvm
1.下载:github.com/coreybutler…
2.安装
3.进入安装根目录(D:\Program Files\nvm),在本目录打开终端,执行nvm -v
没有报nvm
命令不存在就表示安装成功
4.配置淘宝镜像,该目录下执行:
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
4.基础命令:
- 执行
nvm ls available
查看可用的Nodejs
包 - 执行
nvm install 16.15.1
(可以是任意版本)安装v16.15.1
版本 - 执行
nvm use 16.15.1
,如报exit status 1
错,进安装根目录,以管理员身份打开终端,再执行 - 执行
nvm ls
查看当前已安装的Nodejs
列表,带*的为当前使用版本 - 执行
npm -v
,查看npm
版本
yarn
1.npm install --global yarn
2.检测:yarn --version
git
1.官网下载:npm.taobao.org/mirrors/git…
2.选择版本
3.git version 查看版本
GitHub配置SSH
1.git Bush中输入:ssh-keygen -t rsa -C "245174862@qq.com"
2.生成ssh,查看cd ~/.ssh,cat id_rsa.pub
Java环境配置
docker 安装nginux
- 获取nginx镜像 docker pull nginx:1.21.6
- 查看镜像 docker images 3.运行nginx docker run --name nginx -p 80:80 -d nginx