和Intellij出自同一个公司。jetbrains的产品总是备受期待。现在做的项目需要把之前的html等改为jade开发,这里记录一下开始的设置过程。

如果之前已有项目,现在只是改为webstorm开发的话,想要导入项目不要选open,因为可能提示你找不到 iml 文件。一般项目的module的根目录才有iml,如果是module中的某个子文件夹用来存放jade、less等的话,无法直接用open打开。应该选择file—new,然后打开之前的子文件夹,这样该子文件夹就变成了jade项目的project目录。

安装webstrom和node.js,webstorm的安装这里就不说了,node.js下载比较慢,这里共享出来,版本是4.4.4,双击指定目录安装即可。安装之后不要点里面的npm,npm的安装我们会在webstorm中完成。
https://yunpan.cn/cvGZgZRPMinMX (提取码:37ac)

在webstorm中,alt+F12,依次输入

npm install

然后等那个可爱的圈转完了之后,在cmd中输入

npm -v

如果回车之后有版本号,证明安装成功。

接下来通过npm安装 jade、bower、less等等

npm install -g jade less less-plugin-clean-css bower uglify-js

回车,等待一切安装完成。

都安装之后,熟悉的快捷键,ctrl+alt+s,进入设置页面

依次进入这三个进行设置,如下图所示

好了,这样所有设置就完成了,开始体验jade、less的强大吧。

说明
原创文章,转载请注明出处:
http://blog.csdn.net/antony9118/article/details/52875186

webstorm 下载并设置jade、less相关推荐

  1. 如何在Webstorm/Phpstorm中设置连接FTP,并快速进行文件比较,上传下载,同步等操作...

    Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件 的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常I ...

  2. vscode中文支持xp_VSCode (Visual Studio Code) V1.43.0下载并设置成中文语言的方法

    Visual Studio Code(简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT ...

  3. 前端开发工具WebStorm下载

    WebStorm下载: 链接:https://pan.baidu.com/s/11wqoB-1xsX0S92DjKQhV9Q 提取码:obdi 复制这段内容后打开百度网盘手机App,操作更方便哦–来自 ...

  4. WebStorm下载与安装

    前言:众所周知WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.目前已经被广大中国JS开发者誉为"Web前端开发神器"."最强大的HTML ...

  5. 谷歌浏览器的下载位置如何设置 Chrome浏览器下载路径设置方法简述

    在Chrome地址栏输入"chrome://settings/"后回车; 谷歌浏览器的下载位置如何设置?Chrome浏览器下载路径设置方法简述 谷歌浏览器的下载位置如何设置?Chr ...

  6. edge浏览器下载位置设置

    edge浏览器下载位置设置 edge浏览器下载位置怎么设置?很多Win10用户要求微软为Edge浏览器增加下载位置设置选项,今天小编就为大家带来更改Win10 Edge浏览器默认下载位置的三种方法,可 ...

  7. edge浏览器下载位置设置在哪里设置

    edge66760下载位置设置在哪里设置 edge浏览器下载位置设置在哪?很多Win10用户要求微软为Edge浏览器增加下载位置设置选项,那么win10 Edge浏览器的默认下载位置在哪里修改?怎么修 ...

  8. IIS 添加mime 支持 apk,exe,.woff,IIS MIME设置 ,Android apk下载的MIME 设置 苹果ISO .ipa下载mime 设置...

    IIS 添加mime 支持 apk,exe,.woff,IIS MIME设置 ,Android apk下载的MIME 设置 苹果ISO .ipa下载mime 设置 原文:IIS 添加mime 支持 a ...

  9. webfreer下载及设置

    webfreer下载: webfreer下载 webfreer设置: webfreer设置

  10. webstorm下载安装教程

    参照自:https://www.jianshu.com/p/6c282e952a6e webstorm下载安装教程 接触不同的ide,可以融汇不同风格的IDE vscode很好,为什么我还要用webs ...

最新文章

  1. 基因组重复序列注释-RepeatMasker安装和使用
  2. zabbix 安装使用
  3. 【grafana】API 遇到的问题
  4. 查询七天之内所有生日的客户
  5. 专家解读:阅读AI论文对找工作有帮助吗?
  6. html中嵌入iframe进行父子页面参数传递
  7. hibernate映射-单向n-n关联关系
  8. mysql集群fuzhi_MySQL集群 和MySQL主从复制的不同
  9. html字体闪烁模板,CSS+JS阴影闪烁文字
  10. sklearn的train_test_split
  11. Qt实践|HTTP知识点-使用百度AI语音识别服务
  12. linux输入influxdb密码,在RHEL 8/CentOS 8上安装InfluxDB的方法
  13. zigbee的路由器能分配网络地址吗_家用无线路由器讲解
  14. python一次性输入多个数_python如何一次性输入多个数
  15. C#读取文本框(TextBox)数据并统计其中最大小值平均值及求出所在数组中位置,在文本框中显示
  16. 举个栗子~Tableau 技巧(220):使用「集」实现不同分析维度图表的数据联动
  17. 苹果cms重名视频怎么合并
  18. python怎么让输出的数字右对齐_Python格式化输出的精度和位数控制
  19. php案例:用Windows命令来运行php程序
  20. 关于Google多账户登录

热门文章

  1. 【滤波器】归一化LMS自适应滤波器
  2. autojs图色工具
  3. Libmodbus 移植
  4. 用微课学计算机应用基础--PPT制作
  5. Jdk8下载安装配置教程
  6. qt repaint 用法_QT 界面绘制刷新机制
  7. python计算机视觉_Python计算机视觉编程
  8. 3dmax一键展uv_3Dmax批量展开场景物体的第二套UV
  9. python打印输出如下图形_python题目要求:输出如下图片中的图形
  10. Git-LFS:大文件也有了版本管理