Sublime Text使用

来源:互联网 发布:四海认证淘宝渔具特戒 编辑:程序博客网 时间:2024/05/16 08:08

插件可以极大的提高我们的工作效率并且能让我们的代码格式更加整齐、更加易读 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