菜鸡的前端入坑笔记（一）工具准备

最新推荐文章于 2023-08-14 11:31:49 发布
最新推荐文章于 2023-08-14 11:31:49 发布
阅读量157 收藏 1
点赞数 1
文章标签： html html5 javascript css3 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44893876/article/details/112962790
版权

菜鸡的前端入坑笔记（一）工具准备


一个编辑器很重要，好的工具可以提高开发效率，达到事半功倍的效果。

常用的主流编辑器

常见的web开发工具有Sublime Text、Visual Studio Code、Github Atom、webstorm、dreamweaver等，在对比了各种编辑器之后，选择了Visual Studio Code。VScode是Microsoft开发的一款免费的工具，有丰富的插件支持。在这里并不是说其他软件不优秀，只是各有特色，根据个人使用习惯进行选择

软件安装

vscode可以从vscode官网进行下载，之后按照安装提醒进行安装。

插件安装

安装好软件，安装Live Serve插件，实现通过默认浏览器实时显示网页内容。
在这里插入图片描述

在这里选择第一个点击下载。在这里插入图片描述

设置

由于Live Serve会在文件更新时，刷新页面，需要在进行修改时进行保存操作，在这里设置自动保存，避免繁琐的操作。我在这里设置间隔500ms保存一次，也就是0.5s一次。
在这里插入图片描述
在安装好插件后，可以直接在html文件右击，选择Open with Live Server，就可以在浏览器打开网页，在编辑过程中实现页面的实时刷新。在这里插入图片描述

Mac VScode快捷键

hirowang5
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WEB前端技术笔记整理
08-28
这里整理前端的几种技术，适合初学者学习，和程序员复习，还有个人的一点见解，希望有帮助。
前端笔记-常用插件工具
SSWmouse的博客
04-15 242
前端笔记复习补充及前端常用插件 复习补充及前端常用插件 复习补充 复习： 1.{}: 1.封闭作用域 2.代码结构 3.作用域 2.(): 表达式:变量 常量 或 运算符 判断条件:只要是表达式就行 ture false 其他 其他: 数字:非0即真 字符串:非空即真 un
踩坑笔记（前端）
qq_34548699的博客
12-11 312
踩坑笔记一、iframe子页面与父页面通信二、Vue 给对象添加新的属性 → this.$set()三、延迟运行、循环运行 → setTimeout() setInterval()四、前端 往 后端传参的四种方式五、前端 传 数组，后端List\ 接收 一、iframe子页面与父页面通信 父页面获取子页面 属性、方法 var iframeWindow=$("#ModelEditor")[0...
前端在线工具汇总
前端笔记
07-03 332
在线工具集锦： http://tool.oschina.net/   css速查表： http://css.doyoe.com/   菜鸟教程： http://www.runoob.com/    在线响应式测试工具： http://quirktools.com/screenfly/ http://mattkersley.com/responsive/   可视化CS...
一个菜鸡前端初学者的笔记，HTML&css（1）
qinmiying的博客
05-12 134
弹性盒模型flex属性 display:flex; div{ width:500px height:400px; display:flex;/*为父级标签设置*/ } 1、设置display: flex属性可以把块级元素在一排显示。 2、flex需要添加在父元素上，改变子元素的排列顺序。 3、默认为从左往右依次排列,且和父元素左边没有间隙。 ...
前端菜鸡流水账日记 - threejs和cesium
05-28
解码器的一个js文件
前端菜鸡流水账日记 - Pagination分页 - 封装得分页
最新发布
06-11
封装好得ant组件库得分页得vue文件，引入到项目中可以直接使用
一个菜鸡学生的自我修养
06-04
一个菜鸡学生的自我修养
计算机组成原理实验一实验报告免费下载(我是菜鸡)
06-12
就是应付一下老师的作业，没有研究与分析，不懂理论就是按讲解来做实验。
一片文章教你如何做前端笔记。适合前端人员的笔记软件
qq_46325260的博客
12-04 2774
1、下载软件 下载这三个一个是文件 另外两个是插件 安装上就是适合前端人员使用的插件 2、插件的安装 1.下载安装好软件打开 2.打开 文件>偏好设置>打开主体文件夹>直接把那两个css文件复制到主体文件夹 3.重启软件 关闭重新打开 4.选用Orangeheart 主题即可使用 3、如何使用好软件 3.1快捷键 标题 Ctrl + 1 2 3分别是一、二、三级标题 或许使用 # +空格键+Enter 几个#表示几级标题 前端人员最喜欢的功能之一，直接...
前端构建工具webpack使用笔记
超的博客
04-16 230
首先确保已经安装了最新版的node.js生成package.json文件打开命令行切换到项目文件夹npm init项目名称与版本为必填信息，其他选填即可。安装webpack打开命令行切换到项目文件夹安装webpacknpm install --save-dev webpack使用配置文件进行构建在项目文件夹下新建一个配置文件webpack.config.jsconst path = require...
笔记软件哪个好用？36款好用的笔记软件合集推荐！
m0_73766314的博客
08-14 4163
笔记软件哪个好用？12个类别，36款软件一网打尽！进来看看哪个最戳你。
我用什么笔记软件？
fe_watermelon的博客
08-23 645
用过很多云笔记软件，后来我发现还是 Typora 适合我。Typora 是一个款所见即所得的 Markdown 本地编辑器，不支持云同步。它足够纯粹，只能 Markdown，不支持富文本。不过它是付费的：一开始它还是免费的，1.0 版本之后需要一次性付费买断。然后是图床，你可以使用本地链接来指向图片，但如果你需要将文章分享出去，别人就无法看到图片的。因为这个图片是本地的，它不在互联网上。于是我买了阿里云的 OSS 来做图床。
【新人入门】Markdown——超级好用的笔记工具
weixin_64210950的博客
09-13 4689
学习过程中整理的MarkDown笔记，集前人之精华化繁为简，以未接触过MarkDown笔记的小白为主要对象，详细罗列了MarkDown基础知识并捎带涉及进阶内容，力求知识结构清晰，避免冗余。学习不精，欢迎批评指正。
前端必备工具大全------强推！！！
贪吃ღ大魔王
04-26 4557
文章目录前言一.前端代码编辑器 VScode （宇宙第一神器） ★★★★★二. chrome浏览器 ★★★★★三. PS 软件以及插件 ★★★四. Adobe Fireworks CS6 Ansifa精简版 ★★五. 马克曼 ★★★六. 截图软件 Snipaste ★★★★★七. 绘图工具 designer ★★★★★八. X-mind 思维导图软件 ★★★★★九. Typora 编写MD笔记 ★★★★★十. git 版本控制工具 ★★★★★十一. node ★★★★★十
Typora ---- 前端笔记软件的安装与设置
weixin_45689946的博客
11-24 974
前端知识的碎片性，使得很多知识学完容易忘记，所以我们就需要把一些知识记录下来，相信我们很多小伙伴都是TXT记事本玩家。现在，有了Typora，就可以告别TXT记事本啦。 一、安装Typora Typora官网下载，傻瓜式安装，建议不要安装在C盘就可以。 安装完后，打开Typora，我们会看到一下界面，选择文件 > 偏好设置 > Markdown > Markdown扩展语法。勾选所有扩展功能。 至此，Typora就算是弄完了。Typora操作简单，想了解更多Typora的使用方式的，也
200217&菜鸡前端工作卡壳梳理汇总
向阳小宇宙的专栏
05-31 1601
卡壳的地方(不能直接写的都算) 思路不清； 还需要想一想； 还需要搜搜； 还需要找参考的地方 … eventStore和eventBanner配合时的自动刷新处理机制是如何的？ 比较复杂，待思考后重新梳理 如何从异步接口中获取数据？ (接口中嵌套异步请求，然后拿到数据。区别于一次性的eventStore和eventBanner的banner提示) PUT的传参，是往params还是data里面更新值 data， 除此之外: get是params,delete也是params post和put
12个前端开发必备开发的工具
weixin_43947457的博客
09-12 2907
在这篇文章中，我们向您展示了一个将工具和服务分类为bucket的框架，它可能会在前端开发过程中对您有所帮助。在每个类别中，我们都会讨论一个受欢迎的选择，同时也会给您一个可供选择的选择，以防您不同意我们最初的选择。让我们毫不迟疑地进入面向前端开发者的工具和服务的世界。 使用正确的工具集对于提高工作效率和更快地完成工作通常是至关重要的。然而，随着可供选择的工具和服务越来越多，可能很难选择适合您的工作风格的工具和服务。 1.APICloud Studio3 基于Vscode深度定制，可以快速轻松地构建多端应用。并
前端开发常用JS功能函数（中）
热门推荐
吴小迪的博客
07-04 4万+
unique： 数组去重，返回一个新数组 function unique(arr){ if(!isArrayLink(arr)){ //不是类数组对象 return arr } let result = [] let objarr = [] let obj = Object.create(null) arr.forEac...
菜鸡渣渣一个candence
05-05
Candence是一家EDA（Electronic Design Automation）公司，专注于提供芯片设计工具和解决方案。其产品范围涵盖数字、模拟、混合信号和系统级设计，在芯片设计的各个环节提供支持。作为一家全球领先的EDA公司之一，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值