前端开发新电脑配置(菜菜最为 详细的配置)

简介: 前端开发新电脑配置(菜菜最为 详细的配置)

前端开发进公司的时候,会给一个新电脑进行配置,有的时候会忘了一些东西,给大家做下笔记

第一个:Visual Studio Code

这是一个非常好用且靠插件进行支撑起来的浏览器

需要装很多插件

GitLens — Git supercharged

git插件,可以实时代码显示每个时间段提交了什么内容,做了什么事情等等

koroFileHeader(注释插件)

第二个:谷歌浏览器

谷歌浏览器是所有浏览器中调试最为舒服,且谷歌内核在市面上最广的

第三个:ps

进行切图,裁剪图片

第四个:git

用于保存代码,链接远程仓库,有github和码云,还有更为便捷的操作代码的方式如svn等等

第五个:node

主要用于操作npm命令,安装插件和包,顺带可以写一下后端

第六个:npm

这个不需要安装因为是node自带,所要做的就是把npm切换为国内镜像源

第一步检查淘宝镜像源

npm config get registry

如果地址不是http://registry.npm.taobao.org/

则直接npm config set registry http://registry.npm.taobao.org/即可

//旧版淘宝镜像 (不推荐使用)
npm set registry https://registry.npm.taobao.org/
//设置最新的国内淘宝镜像地址
npm set registry https://registry.npmmirror.com/
//华为镜像地址
npm set registry https://mirrors.huaweicloud.com/repository/npm/

第七个:uTools

一个非常方便的软件,里面有各种各样的小功能

第八个:koala

前端预处理器语言图形编译工具,如:less sass

第九个:postman

调用接口,测试接口返回数据

第九个:微信小程序

微信小程序开发

第九个:HBuilder X

uniapp编译器

第十个 :node的nrm 包,切换npm源地址

相关文章
|
2月前
|
缓存 前端开发 JavaScript
前端性能优化:Webpack与Babel的进阶配置与优化策略
【10月更文挑战第28天】在现代Web开发中,Webpack和Babel是不可或缺的工具,分别负责模块打包和ES6+代码转换。本文探讨了它们的进阶配置与优化策略,包括Webpack的代码压缩、缓存优化和代码分割,以及Babel的按需引入polyfill和目标浏览器设置。通过这些优化,可以显著提升应用的加载速度和运行效率,从而改善用户体验。
76 6
|
2月前
|
缓存 监控 前端开发
前端工程化:Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第26天】前端工程化是现代Web开发的重要趋势,通过将前端代码视为工程来管理,提高了开发效率和质量。本文详细对比了Webpack和Gulp两大主流构建工具的选择与配置优化,并提供了具体示例代码。Webpack擅长模块化打包和资源管理,而Gulp则在任务编写和自动化构建方面更具灵活性。两者各有优势,需根据项目需求进行选择和优化。
85 7
|
2月前
|
缓存 前端开发 JavaScript
前端工程化:Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第27天】在现代前端开发中,构建工具的选择对项目的效率和可维护性至关重要。本文比较了Webpack和Gulp两个流行的构建工具,介绍了它们的特点和适用场景,并提供了配置优化的最佳实践。Webpack适合大型模块化项目,Gulp则适用于快速自动化构建流程。通过合理的配置优化,可以显著提升构建效率和性能。
71 2
|
3月前
|
编解码 前端开发 UED
前端:移动端视口配置
移动端视口配置是指针对移动设备浏览器设置视口的宽度、高度和缩放等属性,以确保网页能根据不同的屏幕尺寸和分辨率进行适配,提供更好的用户体验。合理的视口配置是移动优先设计的关键环节。
|
3月前
|
JavaScript 前端开发 网络架构
|
3月前
|
前端开发 安全 API
前端全栈之路Deno篇(三):一次性搞懂和学会用Deno 2.0 的权限系统详解和多种权限配置权限声明方式
本文深入解析了 Deno 2.0 的权限系统,涵盖主包和第三方包的权限控制机制,探讨了通过命令行参数、权限 API 和配置文件等多种权限授予方式,并提供了代码示例和运行指导,帮助开发者有效管理权限,提升应用安全性。
|
3月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
234 0
|
5月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
5月前
|
负载均衡 前端开发 应用服务中间件
使用Nginx配置SSL以及部署前端项目
本文介绍了如何使用Nginx配置SSL证书以启用HTTPS,并展示了如何通过Nginx部署前端项目,包括配置SSL证书、设置代理和负载均衡的示例。
156 2
|
5月前
|
前端开发 开发者 Apache
揭秘Apache Wicket项目结构:如何打造Web应用的钢铁长城,告别混乱代码!
【8月更文挑战第31天】Apache Wicket凭借其组件化设计深受Java Web开发者青睐。本文详细解析了Wicket项目结构,帮助你构建可维护的大型Web应用。通过示例展示了如何使用Maven管理依赖,并组织页面、组件及业务逻辑,确保代码清晰易懂。Wicket提供的页面继承、组件重用等功能进一步增强了项目的可维护性和扩展性。掌握这些技巧,能够显著提升开发效率,构建更稳定的Web应用。
131 0