前端基础环境搭建

毕业了第一次写博客,因为入职啦。浅记录下今日工作内容。
刚入职必然是需要搭建好基础的环境。需了解并配置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 进入扩展商店,直接搜索以下插件:

  1. Chinese (Simplified) Language Pack for Visual Studio Code
    VSCode 汉化包
  2. Vetur
    Vue 辅助插件,提供 emmit 模板,vue 常用语法自动补充,vue 代码高亮等功能
  3. vue-helper
    Vue 辅助插件,强力支撑ElementUI
  4. 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
  5. EditorConfig for VS Code
    editorconfig 编辑器风格统一工具,统一代码缩进方式,缩进量,换行风格
  6. ESLint
    ESLint 代码检查工具,对于部分声明错误及未定义变量检查有极好效果,配合 prettier 可统一团队代码
  7. 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

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值