首页 > 网站 > WEB开发 > 正文

Sublime Text使用

2024-04-27 15:05:23
字体:
来源:转载
供稿:网友

插件可以极大的提高我们的工作效率并且能让我们的代码格式更加整齐、更加易读 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 如何激活 它本身有三种模板 我们这里选择第三种 这里写图片描述 将中间的两行代码复制并粘贴到配置文件中 这里写图片描述 保存后主题就启用了


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表