序言
做为前面仔,如果你上岗一家公司,取得新发出来的计算机,你会让计算机干点啥,装开发工具?安装软件?你是不是遮天盖地四处寻找以前电脑备份的东西了?亦或者是记不起来有什么上一台电脑好用的app叫什么名?
本文除开纪录一些做为前面常见的一些开发工具、手机软件、网站等,还跟大家分享一下入职新公司要了解的一些方位
一、开发工具
1. git/svn
版本管理优选,git免费下载、svn免费下载
2. node(nvm)
做为前面,必不可少的一个自然环境,不用过多阐述了,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/HBuilder
前面用最多的2款在线编辑器便是vscode/webstorm,webstorm收费标准,我经常用vscode较多,这里不多详细介绍webstorm了,下载链接也留有,webstorm免费下载。 HBuilder下载链接
主要是纪录vscode内容:
1. 组装
vscode下载链接
免费下载环节中如果遇见免费下载比较慢能通过两种形式处理。 一是人字梯
二是更换免费下载镜像系统连接,在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. 人字梯
手机科学上网,不用解释
二、好的网站
照片有关
- 编码图形成 carbon
- 编码图形成 ray
- 图片大小压缩-tinypng
- 图片大小压缩-picdiet
- 图片大小压缩-compresspng
- 图片边框清除
开发文本
- 聚合类开发文本
- 聚合类开发文本-overapi
- docschina.org/
- 菜鸟教程
- roadmap.sh/
线上IDE、编码装饰
- codepen.io/
- codesandbox.io/
- code.Admin.net/
- stackblitz.com/
- 编码装饰
响应式网站开发设计、多平台测试、性能分析
- 多设备安装调试
- 多平台测试
- 性能分析
css
css动画演示
常见开发设计实用工具
- smalldev
- tool
个人简历
- resume
- 500丁
AI
AI视频生成 AI编码
CDN
- cdnjs.com/
- www.bootcdn.cn/
- www.jsdelivr.com/
- cdn.baomitu.com/
正则匹配
- 正则匹配图形成
2. github.com/any86/any-r…
3. regexr.com/
设计方案
- 颜色
- 渐变配色
- 头像生成
- 表情符号
- 阿里巴巴图标库
- 图片制作
- 高清图
- 各种插画图片
别的
- 建站服务
- 变量命名
- gitignore
- 程序员笑话梗
三、好软件
1. IDE:
vscode
webstorm
sublime Text
2. 版本控制
git
sourcetree(数据可视化git实际操作)
svn
3. 抓包软件
Fiddler
Charles
4. 接口类
postman
apifox
5. 日常手机软件
-
wps
-
截图工具 snipaste
snipaste 作用十分强大,可截屏、可用色、可钉图、可以查看截屏历史时间这些 -
轻量gif屏幕录制 LICEcap
-
拷贝历史时间
mac必须安装程序: clipMenu、 Paste window内置,键盘快捷键 win v 打开 -
状态图
mac推荐一款叫 OmniGraffle
window Visio -
思维脑图
推荐一款线上思维导图: 知犀思维脑图 -
PPT 推荐一款在线PPT: 吾道
-
todo list
Oka todo
Microsoft To Do -
手记
有道云笔记
notion
oneNote -
汉语翻译、电子邮箱、通信等。。。
6. 别的
-
switchHosts 管理电脑hosts
-
强强耽美强极力推荐:专用工具结合 utools
四、梳理总结积淀 - 新领域了解
除了一些手机软件、页面的共享,上岗一家新注册公司,必须快速的了解哪些,也去絮絮叨叨一两句,去到一个新的自然环境,要熟悉的具体内容,做好学习笔记,吸取经验,以下是仅仅是我自己的一些小看法,合则取
1. 了解 人
了解自身所处精英团队,人际交往搞好关系,了解团队生长习性、技术栈、技术实力,无论要当质量管理或是科研开发,都要记住自身所在精英团队,会给精英团队做出什么贡献?可以从团队中获得什么?
2. 了解 总体目标
企业的目标是啥? 单位的发展目标? 团队发展目标? 自己的理想是啥?
3. 了解 步骤
行政部门、人事部门、产研测流程等,了解各种各样步骤,可以让自己工作中节约很多时间,尤其产研测步骤,仅有了解步骤才可以来分析是否可行,和往日较为是否能给精英团队提意见,或是好一点的步骤也可以让自己消化吸收做为工作经验