这是一篇前端开发环境搭建的文章一、安装编译器(VScode)下载地址: 官网安装完成后可以对编译器做一些相关配置安装一些好用的插件1. 配置代码缩进vscode----左下角设置图标----设置搜索 Tab Size将此处的4更改为2搜索 Detect Indentation将前边的复选框的勾选取消配置全局文件为2个空格不勾选则以前文件不变2. vscode常用插件Chinese中文插件GitLens — Git superchargedGit 代码库插件Auto Rename Tag标签重命名Material Icon Theme文化图标主题插件Path Intellisense文件名自动补全插件Prettier代码格式化工具VeturVue.js 开发插件Vue VSCode Snippetsvue自动补全插件Vue 3 Snippetsvue自动补全插件比上面的更适合vue3**GitLens 开始收费了可以用以下方法使用1.打开对应插件目录下%HOMEPATH%.vscode\extensions\eamodio.gitlens-17.3.0\dist\webviews2.graph.js文件搜索this.state.allowed有两处判断修改对应取反之后保存重启vscode即可二、安装浏览器Google下载地址: 官网三、下载node.js下载地址官网安装完成后node -v和npm -v查看版本号四、安装版本控制工具Git下载地址官网安装完成后配置用户名和密码一般入职后公司会给创建一个邮箱和账户这里填公司给的邮箱和账户即可git config --global user.name Your Name git config --global user.email youremailexample.com五、工作中的辅助工具1. markdown笔记工具下载地址2. XMind思维导图下载地址3. snipaste贴图截图工具下载地址4. uTools查找文件下载地址5. bandicam录屏软件下载地址6. notepad (代码编辑器)下载地址7. AI-ollamahttps://ollama.com/download点击“环境变量”。在“用户变量”区域点击“新建”变量名OLLAMA_MODELS变量值D:\Ollama\models 
长河君 · 2026/11/6 1:23:34 · 阅读 1.2k 前端入职第一天环境配置
这是一篇前端开发环境搭建的文章一、安装编译器(VScode)下载地址: 官网安装完成后可以对编译器做一些相关配置安装一些好用的插件1. 配置代码缩进vscode----左下角设置图标----设置搜索 Tab Size将此处的4更改为2搜索 Detect Indentation将前边的复选框的勾选取消配置全局文件为2个空格不勾选则以前文件不变2. vscode常用插件Chinese中文插件GitLens — Git superchargedGit 代码库插件Auto Rename Tag标签重命名Material Icon Theme文化图标主题插件Path Intellisense文件名自动补全插件Prettier代码格式化工具VeturVue.js 开发插件Vue VSCode Snippetsvue自动补全插件Vue 3 Snippetsvue自动补全插件比上面的更适合vue3**GitLens 开始收费了可以用以下方法使用1.打开对应插件目录下%HOMEPATH%.vscode\extensions\eamodio.gitlens-17.3.0\dist\webviews2.graph.js文件搜索this.state.allowed有两处判断修改对应取反之后保存重启vscode即可二、安装浏览器Google下载地址: 官网三、下载node.js下载地址官网安装完成后node -v和npm -v查看版本号四、安装版本控制工具Git下载地址官网安装完成后配置用户名和密码一般入职后公司会给创建一个邮箱和账户这里填公司给的邮箱和账户即可git config --global user.name Your Name git config --global user.email youremailexample.com五、工作中的辅助工具1. markdown笔记工具下载地址2. XMind思维导图下载地址3. snipaste贴图截图工具下载地址4. uTools查找文件下载地址5. bandicam录屏软件下载地址6. notepad (代码编辑器)下载地址7. AI-ollamahttps://ollama.com/download点击“环境变量”。在“用户变量”区域点击“新建”变量名OLLAMA_MODELS变量值D:\Ollama\models