一个前端大神电脑里的秘密
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
前言
作为前端仔当你入职一家公司拿到新发的电脑你会对电脑干点啥装开发环境装软件你是否铺天盖地到处找之前电脑备份的东西又或者是想不起来有什么上一台电脑好用的软件叫什么名
这篇文章除了记录一些作为前端常用的一些开发环境、软件、网站等还跟大家分享一下入职新公司需要了解的一些方向
大厂面试题分享 面试题库
前端面试题库 面试必备 推荐★★★★★
地址前端面试题库
一、开发环境
1. git/svn
2. nodenvm
作为前端必备的一个环境不用多解释了node官网、node github地址、node中文地址 。 nvm是node的多版本管理器如有需要在多版本node之间切换可使用nvm安装教程
3. 包管理器
视自身需求选择 cnpm、pnpm、yarn
4. python
现在前端很多npm包都会用到python的编译比如node-sass我们自己开发node脚本也会常用到python所以python基本上也成了前端电脑上必装的环境了python下载地址。
提示在安装node的时候可以勾选上一起安装python
5. vscode/webstorm
前端用的最多的两款编辑器就是vscode/webstormwebstorm收费我平时用vscode比较多这里就不多介绍webstorm了下载地址也留下webstorm下载。
主要还是记录vscode的内容
1. 安装
下载过程中如果遇到下载较慢可以通过两种方式解决。 一是梯子
二是替换下载镜像链接在vscode官网上找到对应要下载的版本点击下载的时候会有一个下载链接
如
可以将红框中的下载链接替换成国内的镜像
替换后的链接 https://vscode.cdn.azure.cn/stable/f80445acd5a3dadef24aa209168452a3d97cc326/VSCode-darwin-universal.zip
vscode好用的插件系列
git相关插件gitLens、Git History、Git History Diff
汉化插件 Chinese (Simplified)
开发提示相关插件 Tabnine AI强推、Path Intellisense路径提示、Vetur、Volar、Auto Close Tag、Auto Complete Tag、Auto Rename Tag、HTML Snippets、Wrap Console Log Lite
浏览器调试插件 JavaScript Debugger、Debug Visualizer、scode-js-debug
静态服务器Live Server
代码运行器 Code Runner
正则提示插件 any-rule、Regex Previewer辅助验证正则结果
Docker插件 Docker
格式化类插件 EditorConfig for VS Code、ESLint
进制文件查看 Hex Editor
TODO提示 Todo Tree
流程图绘制 drawio
PDF查看 vscode-pdf
Markdown预览Markdown Preview Enhanced
SVG文件预览SVG Viewer
图片预览在html或者css写地址的时候可直接预览Image Preview
文件依赖分析如.vue文件可以通过该插件看到引用了哪些依赖Dependency Cruiser Extension
颜色选择、设置Color Highlight、Color Picker
快速生成注释vscode-fileheader 和 koroFileHeader
npm模块导入智能提示 npm Intellisense
接口请求REST Client
6. docker选用
docker可以帮助前端快速获取一些偶尔使用的环境偶尔使用的环境又不想在电脑上安装一大堆如nginx、mysql、redis等之类的之前发过一篇简单的使用可以参考一下地址
7. 梯子
科学上网不用解释
二、好网站
图片相关
开发文档
在线IDE、代码美化
响应式开发、多平台测试、性能分析
css
常用开发小工具
简历
AI
CDN
正则
3. regexr.com/
设计
其他
三、好软件
1. IDE
2. 版本管理
3. 抓包软件
4. 接口类
5. 日常软件
截图软件 snipaste
snipaste 功能非常强大可截图、可取色、可钉图、可查看截图历史等等
复制历史
mac需要安装软件 clipMenu
window自带快捷键 win+v 开启
时序图
mac推荐一款叫 OmniGraffle
window Visio
思维导图
推荐一款在线的思维导图 知犀思维导图
PPT 推荐一款在线的PPT 吾道
todo list
Oka todo
Microsoft To Do
翻译、邮箱、通讯等。。。
6. 其他
四、梳理总结积累 - 新环境熟悉
除了一些软件、网站的分享入职一家新公司需要快速去熟悉什么也来叨叨几句去到一个新的环境要熟悉的内容做好笔记总结经验下面是仅是我个人的一些小见解合则取
1. 熟悉 人
熟悉自己所处的团队人际关系处好熟悉团队的习性、技术栈、技术水平不管是当技术管理还是技术开发都要知道自己所处团队能给团队带来什么能从团队里获得什么
2. 熟悉 目标
公司的目标是什么 部门的目标是什么 团队的目标是什么 自己的目标是什么
3. 熟悉 流程
行政、人事、产研测流程等熟悉各种流程能让自己工作节省不少时间特别产研测流程只有熟悉流程才能够去分析是否合理和过往比较是否能够给团队提出建议或者好的流程也能让自己吸收作为经验
大厂面试题分享 面试题库
前端面试题库 面试必备 推荐★★★★★
地址前端面试题库