前端软件

前端软件

代码工具

工欲善其事,必先利其器。
以前敲代码没有智能联想先就忍了,现在都2020年了,推荐几款常用的工具

DreamWeaver

DreamWeaver刚开始接触前端的时候我就是用这一款工具,这个软件初学者比较适合,这个软件上手快,用起来比较简便,几乎不需要什么配置。
1.用dreamweaver创建一个web项目
首先就是我们要新建一个站点就是一个工作区
在这里插入图片描述
2.点击新建,然后选择一个本地的文件夹,然后新建html、css、js等文件。

简单的操作

1.编辑区 代码 拆分 实时视图
这3个按钮将会让你的工作区呈现不同的效果
实时视图可以看到自己的代码呈现的效果
当你想换自己的浏览器的时候,你可以点击文件下面的实时预览的编辑浏览器列表,里面也可以看到用浏览器预览的快捷键,在里面你也可以找到字体的调整等等

Hbuilder

1.首先要创建一个web项目,它创建web项目很简单,首先打开它可以选护眼 的模式,毕竟要保护好自己的眼睛在这里插入图片描述
2.新建项目
在这里插入图片描述
在这里插入图片描述
它可以直接创建一个web项目就是html、css、js文件都有,很方便。
要看代码运行也方便快捷键ctrl+r 然后点击运行 也可以换浏览器运行
在这里插入图片描述

WebStorm

在这里插入图片描述
我用的是没有汉化的版本,感觉逼格瞬间上来了
webstrom下载好是需要配置的,需要激活,可以配置主题和风格,配置快捷键,配置Eslint,配置Git,配置less自动转译css。。。。。
反正功能很强大。
Ctrl + Shift + R —— 快速定位到文件并跳转

Ctrl + Shift + F —— 全局搜索文件内某个字符串 (Webstorm 默认快捷键,eclipse 中是 Ctrl + H)

Ctrl + Shift + U —— 大小写切换

Ctrl + E —— 打开最近操作过的文件

Ctrl + Alt + L —— 格式化代码(与 QQ 快捷键冲突,自定修改 QQ 快捷键)

Ctrl + Y —— 删除光标所在行

Ctrl + Alt + S —— 打开设置窗口
自动保存代码,运行代码在右上角在这里插入图片描述

sublime

链接:https://pan.baidu.com/s/1m7KHT2vqoh4wzRS-HKa4Cg
提取码:trbx
sublime 支持大量的插件,如何找到并管理这些插件就成了一个问题,pack control正是为了解决这个问题而出现的
1.按下快捷键: ctrl + shift + p 打开命令行
2 然后在输入框中输入install ,然后选中install package control
3 等待 安装,出现 success 表示成功安装
安装插件
1 按下快捷键: ctrl+shift+p
2 输入Package Control : ,然后选中Install Package ,进入安装界面
3 输入要安装的插件名称,如Chineselocalizations(汉化插件)
卸载插件
1 按下快捷键: ctrl+shift+p
2 输入Package Control : ,然后选中Remove Package ,进入安装界面
3 输入要卸载的插件名称,如Chineselocalizations(汉化插件)

Visual Studio Code

链接:https://pan.baidu.com/s/1l6TzJZEPV35dAsO5PHMMfQ
提取码:cbcc
这是我最常用的也是最喜欢的,它完全免费打开速度快,体积小,页面简洁
只要把插件装好,然后自己调试改成自己喜欢的模样,我在web前端基础(2)后面提到过,这里就不说了。
web前端基础

发表评论