学前端没这些工具怎么行

news2024/11/18 3:31:53

目录

 

前端工具

1.编译软件

2.网上编辑软件

3.参考文档

4.扩展

5.学习软件

6.优秀的教育机构

7.转化工具

8.记录笔记程序


b3bf1d56dac644af9de963279a060feb.gif

 

 ☀️作者简介:大家好我是言不及行yyds
🐋个人主页:言不及行yyds的CSDN博客
🎁系列专栏:【前端】

前端工具

在前端开发的过程中,好的辅助工具,能让我们学的更快。

所以我把我在学习过程中用到的工具列出来了。

在后续,我也会不断的添加,希望大家能给博主三连支持一下

b365ba9e37b14751ae33ff53b327bcc7.jpeg


 

1.编译软件

1.VScode(个人是比较推荐的,使用方便,扩展程序多)

下载地址

eca2b1da13ff474a947e51f3695e8dd8.png

 

2.Hbuilder(是国产的,专用于创建vue项目的使用)

下载地址

4dbd2bf1781f465699d8323404f0ba50.png

3.WebStorm(适合与高级工程师使用,创建代码时比较方便)

下​​​​​​载

 c1ddc6ad1ab645579ace64e9ee0028b3.png

 

4.Dreamweaver(一种比较古老的编辑器,最大的优势是实时视图编辑)

下载地址
606d0b7fa67843f791d142d7d7b44530.png

 


2.网上编辑软件

 

用于在网页上书写代码

1.codepen可用于网上编译程序,也有一系列的前端三剑客的练习项目(html,css,js)

codepen

e6da2b52683d4dfda29007ee823cf92b.png

2.tool在线工具,包含了各种的在线工具

下载地址

134d6f2fc5d94604aee7cc5b9cc28426.png


3.参考文档

 

1.MDN网络文档:用于各种技术文档的参考,以及API的查看

下载地址

e5c51ea462ed4a9b83aaaee8e9da51fd.png

 

2.印记中文:与前面的类似,但是它会持续更新最新的技术文档。

印记中文

4c9a5e52d47c44d3818d7cc4707fd982.png

 

3.菜鸟教程:用于各种技术的基础教程,是入门的不错推荐

菜鸟教程

0d4b507180934047b12792cebf88367f.png

 

4.W3C教程:用于前端三剑客的教程。是你必须要参考的

W3C万维网教程

8dc73bdffbdc484ab4bbdbe1873915e7.png

 

5.npm:用于查询包的使用

npm

1529f64d0398429cbb7360ef888243e3.png

6.can l use:用于查询各种API属性的兼容性

\Can I use... Support tables for HTML5, CSS3, etc

 4be25756c1434f2eb1523baf8f122c88.png


4.扩展

1.草料二维码生成器:用于编写好的电脑程序生成二维码用于在移动段调试

草料二维码生成器

4fe09fac77214778a7ed3626024145e7.png

2.Animista:用于根据指定制作属于自己的效果程序

Animista - CSS Animations on Demand

 

3.iconfont:用于在自己的项目中添加图标

iconfont-阿里巴巴矢量图标库

ec64cc5db5b34b47a2ccd242f6158099.png

 

4.antd:pc端用于大型项目比如React,Vue中添加组件,使编写跟方便

国际化 - Ant Design

05814df9263c4162a6c3718741da1f2b.png

 

5.antd-moble:移动端用于大型项目比如React,Vue中添加组件,使编写跟方便

https://mobile.ant.design

6.容联云通信:用于发送短信,手机验证码等功能

容联云通讯_短信​​​​​​平台、手机验证码、语音验证码、IM即时通讯、云呼叫系统等互联网通信服务

9f3aca8d068c4046bc42ae5ae8675411.png

 

7.postman:用于专门发送各种方式的请求,比如GET,POST

Postman Inc. (github.com)

a1d46c81aedc408885483b563f53b531.png


5.学习软件

1.CSDN:有大量优秀作者贡献文章,你可以发送一些自己的优秀文章,用于别人学习。

 CSDN - 专业开发者社区

2.github:最高级的学习软件,在这里你能学到许多优秀的项目,以及了解最新的技术

github.com

3.博客园

博客园 - 开发者的网上家园 (cnblogs.com)

4.程序员客栈

程序员客栈-领先的程序员自由远程工作平台

5.掘金 :

掘金 - 代码不止,掘金不停

6.v2ex

https://www.v2ex.com/

7.Hacker News

https://news.ycombinator.com/ne

6.Web 开发练习题

https://freecodecamp.org/


6.优秀的教育机构

1.尚硅谷:里面的老师真的十分优秀,仔细,认真,是我必须要推荐的一个教育机构

尚硅谷【官网】谷粉与老学员力挺的Java培训|大数据培训|前端培训|UI设计培训 (atguigu.com)

65e5407932f64366b041ac7ce4ae3d8f.png

2.黑马教程:里面的教程基础性很高,项目也多

黑马程序员官网-IT培训机构|java培训|前端培训|python培训|大数据培训 (itheima.com)

 b77e059ee01247b3a42ea01b7b71cd2a.png

 

3.千峰教育:

IT培训班_千锋IT教育培训机构良心品牌 (mobiletrain.org)

 


7.转化工具

1.格式工厂:这个是我大力推荐的,你可以转换各种你想要的格式

格式工厂 官方主页 - 免费多功能的多媒体文件转换工具 (pcfreetime.com)

383d3298db2746b2a6f446eeaea0723d.png

 

2.亿图图示:在这里你能创建各种格式的流程图,等等结构程序图

亿图图示,专业办公绘图软件 (edrawsoft.cn)

dd23463f325c41829c60a5008d7ff8c4.png


8.记录笔记程序

1.typore:比较适合我们平常记录笔记,(可惜的是需要支付89元才能永久使用)

Typora - 轻量级跨平台 Markdown 编辑器 正版授权/中国特惠 (lizhi.io)

2.印象笔记:里面包含了各种记录的软件。功能十分强大。值得推荐

印象笔记 | 工作必备效率应用 (yinxiang.com)

a1f14baef70547b49b6a8ae2792621eb.png

9.轻量级管理应用

utool

875b3bb2122a4b3e9a00a6a58ae99469.gif

 

10.招聘网站

1.牛客网

牛客网-找工作神器|笔试题库|面试经验|实习招聘内推,求职就业一站解决_牛客网 (nowcoder.com)

bbc6e80ab3a14f06a04293ceb05323f8.png

11.兼职网

1.猪八戒网 

98b377cd5eaa417cbeb54a1ffba8938b.png

好了这次的文章就到这了
如果觉得还不错的话,帮忙点个关注吧
希望能给博主点赞,评论,收藏三连一波

 5648f8a6ea6445f78b56c4c672d4aa9c.jpeg

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409635.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

前端vue3项目中百度地图的使用api及实例

目录 一、使用百度地图的准备工作? 二、百度地图的简单Demo 三、百度地图的常用api有哪些? 1、百度地图的类型? 2、百度地图控件 一、使用百度地图的准备工作? 1、先注册百度账号 --> 申请成为百度开发者 --> 获取服务…

React--》状态管理工具—Mobx的讲解与使用

目录 Mobx的讲解与使用 Mobx环境配置 Mobx的基本使用 Mobx计算属性的使用 Mobx监听属性的使用 Mobx处理异步的使用 Mobx的模块化 Mobx的讲解与使用 Mobx是一个可以和React良好配合的集中状态管理工具,mobx和react的关系相当于vuex和vue之间的关系&#xff0…

IntelliJ IDEA【前端必备插件】

有志者事竟成,破釜沉舟百二秦关终属楚苦心人天不负,卧薪尝胆三千越甲可吞吴。 📌博主介绍 💒首页:水香木鱼 🛫专栏:工欲善其事必先利其器 ✍简介: 博主姓:陈,名:春波。…

前端开发神器VS Code安装教程

✅作者简介:CSDN一位小博主,正在学习前端 📃个人主页:白月光777的CSDN博客 💬个人格言:但行好事,莫问前程 安装VS CodeVS Code简介VS Code安装VS Code汉化结束语💡💡&…

webpack热更新原理-连阿珍都看懂了

前言 在旧开发的时代,前端项目在开发的过程中修改代码,很有可能是手动切到浏览器刷新页面来看到改动效果。操作不方便且页面之前的编辑记录也都丢失,体验可以说为0。想象一下一个表达你努力填满了所有输入项,结果因为调了一下样式…

vue3.0全新文档快速上手学习内容整理

目录 ## 1.Vue3简介 ## 2.Vue3带来了什么 ### 1.性能的提升 ### 2.源码的升级 ### 4.新的特性 1. Composition API(组合API) 2. 新的内置组件 3. 其他改变 # 一、创建Vue3.0工程 ## 1.使用 vue-cli 创建 ## 2.使用 vite 创建 # 二、常用 Com…

vue3导出表格excel(支持多sheet页),并自定义导出样式

前期准备 npm install file-saver npm install xlsx npm install xlsx-js-style 先说一说这里为什么选择用xlsx-js-style插件设置导出excel的样式。因项目需要,我在网上找了很多关于导出excel自定义样式的文章,用的最多最普遍的插件就是xlsx-style&#…

unipush2.0教程

解释一下名词 透传消息:无论手机app,是否在运行(打开了),还是清了后台(关闭),都可以收到消息 通知消息:只能app打开了,才能收到 1.开通unipush 2.点击上图的unipush2.0下面的配置&am…

【VSCode】调试器debugger详细使用手册

Visual Studio Code 的主要功能之一是其出色的调试支持。VS Code 的内置调试器有助于加速您的编辑、编译和调试循环。 调试器扩展 VS Code 具有对Node.js运行时的内置调试支持,并且可以调试 JavaScript、TypeScript 或任何其他转换为 JavaScript 的语言。 开始调…

【CSS】CSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

文章目录一、权重叠加计算公式1、后代选择器权重计算2、后代选择器权重计算二3、链接伪类选择器权重计算二、代码示例1、标签结构2、后代选择器选择案例 12、后代选择器选择案例 23、后代选择器选择案例 3一、权重叠加计算公式 在使用 多个类型的 基础选择器 进行 组合 时 , 如…

【JavaScript】手撕前端面试题:手写new操作符 | 手写Object.freeze

🖥️ NodeJS专栏:Node.js从入门到精通 🖥️ 博主的前端之路(源创征文一等奖作品):前端之行,任重道远(来自大三学长的万字自述) 🖥️ TypeScript知识总结&…

HttpServletRequest 获取参数

1 HttpServletRequest获取参数方法 可以使用HttpServletRequest获取客户端的请求参数,相关方法如下: String getParameter(String name):通过指定名称获取参数值;String[] getParameterValues(String name):通过指定名…

new bing 申请加入候补

最近Chatgpt非常的火爆, 微软也是把新版必应Chatgpt的测试版已经推出。1.下载安装新必应(new bing)需要下载 Edge新版本 Edge dev下载链接: Microsoft Edge 预览体验成员 (microsoftedgeinsider.com)安装插件在设置中找到扩展-> 获取Microsoft Edge扩展搜索获取 …

vue中的nexttick

我们了解nexttick之前,我们先来看一个例子。 我们先要每一次都在点击按钮的时候,都进行字符串的累加操作,并且在该函数中计算该字符串所占的高度offsetHeight,但是我们当进行第一次点击的时候,此时打印的结果不符合,因…

Javascript Object和Map之间的转换

简单的区分Map和Object Map是ES6退出的一个类型,特点:任何值都可作为属性名 Object特点:属性名只能是字符串(一开始我也不信,测试后才发现的) 代码图片创建一个map类型 new Map([[key, value],[key1, value1] ])简单的介绍下面…

vue 获取后端数据

目录 proxy 解决本地请求问题 vite Vue CLI fetch 代码演示 Post请求 ​编辑Get请求 Axios 安装 代码演示 Post请求 Get请求 TS 封装Axios 代码演示 proxy 解决本地请求问题 为什么会出现跨域问题? 浏览器的同源策略 首先给出浏览器“同源策略”的一种经典定义…

this.$router.push跳转页面携带参数

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言 this.$router.push进行页面跳转时。携带…

Vue.js安装与创建默认项目(详细步骤)

前言 上一篇博文已经对Node.js的安装与配置进行了详细介绍,详见https://blog.csdn.net/qq_42006801/article/details/124830995 另外:文中项目存放的路径及项目名称可根据自身实际情况进行更改。 一、Vue.js简述 Vue是一套用于构建用户界面的渐进式Ja…

基于React的富文本编辑器——Braft Editor使用

antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库,倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子。 如果要在React项目中使用富文本编辑器,官方推荐使用 react-quill 与 braft-editor。 详细点击这里 这篇…

Vue3.0项目——打造企业级音乐App(二)图片懒加载、v-loading指令的开发和优化

系列文章目录 内容参考链接Vue3.0 项目启动Vue3.0 项目启动(打造企业级音乐App)Vue3.0项目——打造企业级音乐App(一)Tab栏、轮播图、歌单列表、滚动组件Vue3.0项目——打造企业级音乐App(二)图片懒加载、…