前端基础环境搭建
- 序
- nvm
- 编辑器
- 下载问题
- PostMan接口测试工具
序
毕业了第一次写博客,因为入职啦。浅记录下今日工作内容。
刚入职必然是需要搭建好基础的环境。需了解并配置Node.js/NVM/NPM/Git/前端编辑器/Postman等等。
nvm
nvm(node.js version management),是一个Node.js的版本管理工具。通过它可以安装和切换不同版本的Node.js,从而解决各项目中版本不兼容问题。而Node.js是一个开源的、跨平台的 JavaScript 运行时环境。
其他扩展信息了解:【nvm文档手册】https://nvm.uihtm.com/
nvm下载地址:https://github.com/coreybutler/nvm-windows/releases
编辑器
VSCode 搭配扩展插件:汉化包、Vetur、vue-helper等。
在 VSCode 中按下 Ctrl+Shift+X 进入扩展商店,直接搜索以下插件:
- Chinese (Simplified) Language Pack for Visual Studio Code
VSCode 汉化包 - Vetur
Vue 辅助插件,提供 emmit 模板,vue 常用语法自动补充,vue 代码高亮等功能 - vue-helper
Vue 辅助插件,强力支撑ElementUI - Prettier - Code formatter
Prettier 代码格式化工具,有针对 vue,scss 等文件的格式化,保证代码可读性,美观性
如果有安装其他代码格式化工具,需要将VSCode的格式化方案指定为Prettier
VSCode修改格式化方案:
1. 在VSCode中按下Ctrl+Shift+P;
2. 在弹出的命令行中输入format;
3. 在选项中选择prettier;
如果vue文件无法正确格式化,请检查Prettier对Vetur的支持
1. 点击VSCode左上角,文件 > 首选项 > 设置;
2. 在设置页面的搜索框中输入prettier;
3. 在搜索列表中找到vetur的大块,确认需要对应功能的方案为prettier - EditorConfig for VS Code
editorconfig 编辑器风格统一工具,统一代码缩进方式,缩进量,换行风格 - ESLint
ESLint 代码检查工具,对于部分声明错误及未定义变量检查有极好效果,配合 prettier 可统一团队代码 - GitLens
GitLens — Git supercharged 提供git版本追溯能力
下载问题
下载如遇网络问题,始终无法下载,可以复制下载链接:https://az764295.vo.msecnd.net/stable/695af097c7bd098fbf017ce3ac85e09bbc5dda06/VSCodeSetup-x64-1.79.2.exe
将其改为
https://vscode.cdn.azure.cn/stable/695af097c7bd098fbf017ce3ac85e09bbc5dda06/VSCodeSetup-x64-1.79.2.exe
使用该镜像下载是真滴飞快!vscode.cdn.azure.cn
PostMan接口测试工具
个人更推荐使用Apifox