下面安装Less2Css,跟上面一样ctrl+shift+p>install Package搜索Less2Css按Enter就可以安装了,Less2Css插件依赖lessc这个工具,在windows下可以下载或者用git cloneless.js-windows到本地目录。然后把目录地址加入到环境变量PATH的中,如D:\less.js-windows-master:
设置好之后,通过快捷键 Windows徽标键+R键 调出运行窗口,输入cmd,在命令行中输入lessc,如果有如下提示则表示设置成功:
C:\Users\Fdream>lessc
lessc.wsf: no input files
Usage:
Single file: cscript //nologo lessc.wsf input.less [output.css] [-compre
Directory: cscript //nologo lessc.wsf inputdir outputdir [-compress]
(上面的这个步骤有时候cmd时会出现错误,打印不出来,可以略过)
这时关掉Sublime Text 3再重新打开就可以在Sublime Text 3中打开或者新建一个less文件,按下Ctrl+S保存,此时应该会在less文件的相同目录下生成同名的css文件。
来段代码试试吧:
@width:300px;
@fonts:12px bold 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
.header{
color:#5c5c5c;
.title{
font:@fonts;
width:@width;
}
.content{
width:@width;
height:300px;
}
}
.footer{
font:@fonts;
width:@width + 100px;
}
sublime用的比较多的版本是text2和text3,这些网上都可以下载到,汉化的也是有的,小编使用的是text3中文版,安装好后,右击想要打开的各种格式(html,js,xml,txt)等都可以快速打开
技巧一:快速注释
选择需要注释的代码,多行或单行都很随意,然后使用”ctrl+/”,或者使用“ctrl+shft+/”即可快速注释。注释了再同样按一下即可接触注释。这里的注释比eclipse中的java好用。
技巧二:快速查找
按住”ctrl+f”快捷键,即可进行快速搜索,在搜索框下边输入要找的变量名称和方法名等都可以,定位很迅速。
技巧三:缩略图定位
我们可以发现右侧可以看到整个代码的缩略图,点击相应的区域即可快速定位到了,非常方便。
技巧四:快速打开文件
ctrl+p快捷键可以快速打开文件,输入文件名称即可切换打开了,因为可能我们一次打开的窗口比较多,ctrl+p快捷键可以快速的切换到相应的文件
技巧五:打开整个工程
文件——》打开文件夹——》选择自己的工程,可以打开整个工程,这里的话就可以在整个工程里边查看所有文件了,修改方便
总结:
sublime可以很方便的编程,对于js和html等编写非常方便,可以编写了在浏览器迅速看到效果;在需要java和web容器,比如tomcat支持的时候,部署工程到tomcat后,使用sublime打开tomcat下的webapps的部署好的工程,这样就可以进行更改,效果更快。更改的话不需要那myeclipse等了,myeclipse只是用来启动部署而已;当然更改了记得另存,不然myeclipse哪里重新部署的话就将myeclipse的工作空间的覆盖了你修改的tomcat里边的内容。
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....