企业官网建设流程全解析

这是一篇前端开发环境搭建的文章

一、安装编译器(VScode)

下载地址: 官网，安装完成后可以对编译器做一些相关配置，安装一些好用的插件

1. 配置代码缩进：

1. vscode---->左下角设置图标---->设置
2. 搜索 Tab Size，将此处的4更改为2
3. 搜索 Detect Indentation，将前边的复选框的勾选取消（配置全局文件为2个空格，不勾选则以前文件不变）

2. vscode常用插件

• Chinese：中文插件
• GitLens — Git supercharged：Git 代码库插件
• Auto Rename Tag：标签重命名
• Material Icon Theme：文化图标主题插件
• Path Intellisense：文件名自动补全插件
• Prettier：代码格式化工具
• Vetur：Vue.js 开发插件
• Vue VSCode Snippets：vue自动补全插件
• Vue 3 Snippets：vue自动补全插件，比上面的更适合vue3**

GitLens 开始收费了，可以用以下方法使用

1.打开对应插件目录下
%HOMEPATH%.vscode\extensions\eamodio.gitlens-17.3.0\dist\webviews
2.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 "youremail@example.com"

五、工作中的辅助工具

1. markdown（笔记工具）下载地址

2. XMind（思维导图）下载地址

3. snipaste（贴图截图工具）下载地址

4. uTools（查找文件）下载地址

5. bandicam（录屏软件）下载地址

6. notepad++ (代码编辑器)下载地址

7. AI-ollama

https://ollama.com/download

点击“环境变量”。
在“用户变量”区域点击“新建”：
变量名：OLLAMA_MODELS
变量值：D:\Ollama\models