前端入职准备

634 阅读2分钟

1.谷歌浏览器

下载链接

各版本 www.nowcoder.com/discuss/379… win64 uploadfiles.nowcoder.com/files/20210…

安装相关插件

1.FeHelper(前端助手) :JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装; 建议 安装json、取色、颜色转换、等工具;

image.png

2.Vue.js devtools

image.png

2.安装vscode

下载链接 code.visualstudio.com/

下载过慢时 cloud.tencent.com/developer/a…

常用插件

  1. Auto Close Tag 自动闭合HTML/XML标签

  2. Auto Rename Tag 自动完成另一侧标签的同步修改

  3. Beautify 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则

  4. Bracket Pair Colorizer 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

  5. Debugger for Chrome 映射vscode上的断点到chrome上,方便调试

  6. HTML CSS Support 智能提示CSS类名以及id

7.Prettier - Code formatter 最流行的前端代码格式化利器

8 Path Intellisense 智能路径补全

9 Image preview 鼠标悬停可以预览图片

10 Easy LESS 11 SASS

12 JavaScript(ES6) code snippets ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

  1. Vetur Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

  2. chinese

基本设置

搜索时过滤一些文件 blog.csdn.net/qq_35516360…

3.安装nvm

www.cnblogs.com/gaozejie/p/…

注意 先删除node ,cmd要管理员运行;

往期node所有版本 nodejs.org/zh-cn/downl…

3.安装node

下载链接 nodejs.org/en/

安装配置

www.runoob.com/nodejs/node…

4.安装git

juejin.cn/post/697418…

下载过慢 registry.npmmirror.com/binary.html…

5.安装host配置

1.修改host修改权限 blog.csdn.net/weixin_4081…

2.安装SwitchHosts github.com/oldj/Switch…

6.安装postman

1.安装链接 www.postman.com/downloads/

2.使用教程 juejin.cn/post/702626…

7.安装Navicat

安装数据库管理工具