Sublime Text使用

插件可以极大的提高我们的工作效率并且能让我们的代码格式更加整齐、更加易读 Sublime Text本身没有管理插件的功能,但是我们可以安装一个Package Control 安装后可以用它来管理各个插件
https://packagecontrol.io/installation打开官网 选择相应的Sublime Text版本 复制下面的pathon代码
这里写图片描述
在Sublime Text中使用View > Show Console打开控制台输入这行代码
这里写图片描述 输入后直接回车执行就可以安装Package Control 了 安装完成后需要重新启动Sublime Text
重启后执行Preferences的Package Control
这里写图片描述
选择Package Control:Install Package可以看到左下角显示Package Control正在加载所有的仓库列表
这里写图片描述
加载完成后首先安装emmet
这里写图片描述
回车后开始安装
这里写图片描述
emmet是用来编写html和css的插件 使用emmet我们可以用特殊的语法来编写html和css 加快开发效率 emmet的原名是then coding
出现如下画面表示安装完成
这里写图片描述
但是注意emmet需要pathon的v8引擎 等到左下角的安装v8引擎状态消失才彻底安装完毕
这里写图片描述
安装完成后需要重启 测试是否安装成功emmet
新建text.html 书写如下代码
这里写图片描述
按下Tab键
这里写图片描述
说明安装成功

安装插件HTML-CSS-JS Prettify 作用是将HTML\CSS\JS的格式进行标准化
安装过程如上安装emmet 安装完成后进行测试
将压缩的react.min.js的托到Sublime Text工作窗口显示如下
这里写图片描述
压缩后的代码去除了所有的空格和回车 在代码中右键会显示
这里写图片描述
选择第一个HTML/CSS/JS Prettify的Prettify Code或者使用快捷键Ctrl+Shift+H
弹出错误提示 没有安装node.js
这里写图片描述
注意:React.js虽然是一个前端框架,但是它也可以运用到后端的node.js中,在服务端进行页面的渲染,这样做可以提供网站的载入速度,完善SEO并且更加便于测试
配置好Node后再次测试 会看到如下样式
这里写图片描述

Spacegray模板安装 严格来说模板其实并不能说是功能性的插件,只是用来改变编辑器的外观
https://github.com/kkga/spacegray/
安装方法如上 安装完成后重启 主题安装完成后默认并没有启用 我们需要手动启用
这里写图片描述
首先打开配置文件Preferences > settings
这里写图片描述
在Spacegray模板官网找到 How to Activate 如何激活 它本身有三种模板 我们这里选择第三种
这里写图片描述
将中间的两行代码复制并粘贴到配置文件中
这里写图片描述
保存后主题就启用了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值