Windows7 x64系统下安装Nodejs并在WebStorm 9.0.1下搭建编译less环境

1、 打开Nodejs官网http://www.nodejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。

2、 下载好后,双击“node-v0.10.33-x64.msi”,按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs。

3、 “开始”-->cmd,打开cmd程序,输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都已安装成功。

4、 进入C:\Program Files\nodejs,双击运行“npm.cmd”,你会发现它一闪而过,捕捉到的错误信息截图如下:

上网查询好多人都会出现这个错误!解决方法如下:进入C:\Users\wind\AppData\Roaming目录下,新建文件夹“npm”(特别注意:AppData为隐藏文件夹,要设置文件夹查看属性为“显示隐藏的文件、文件夹和驱动器”才可见)。

5、 再次进入C:\Program Files\nodejs,双击运行“npm.cmd”,捕捉到的信息截图如下:

6、“开始”-->cmd,打开cmd程序,输入“cd C:\Program Files\nodejs”,进入nodejs安装目录。输入npm install less回车,安装less组件。完成后,你会发现C:\Program Files\nodejs\node_modules\npm\node_modules目录下没有less组件。

找了好久原因,原来它在C:\Users\wind\AppData\Roaming\npm-cache目录下。

7、“开始”-->cmd,打开cmd程序,输入“cd C:\Users\wind\AppData\Roaming\npm”,回车进入该目录,输入“npm install less”回车。稍等片刻,less组件就会安装在该目录下的“node_modules ”文件夹。

至此Windows7 x64系统下安装Nodejs及配置less组件已基本完成,接下来我们配置WebStorm 9.0.1,使其能将less文件编译成css文件。

8、开启JetBrains WebStorm 9.0.1程序,打开“SuperDesigns”项目,该项目中含有“default.less”文件。

9、File-->Settings,打开设置选项。找到“External Tools”扩展工具设置项,点开右侧的“+”,在Name栏输入“LESS”,“Tool settings”分别输入如下:

Program: C:\Program Files\nodejs\ node.exe

Parameters: C:\Users\wind\AppData\Roaming\npm\node_modules\less\bin\lessc $FilePath$ $FileDir$\$FileNameWithoutExtension$.css

Working directiry: C:\Program Files\nodejs

确认输入无误后点右下的“OK”按钮。然后再点Settings 版右下的“Apply”按钮应用。

10、在Settings 面板顶端输入“key”,找到快捷键设置项“Keymap”,在右侧找到“External Tools”点开,点选“LESS”并单击右键,选择“Add Keyboard Shortcut”,在出现其面板的“First Stroke”处同时按下“Alt+B”键,这样就将“Alt+B”设置为将less文件编译成css文件的快捷键。当然你可以根据自己的实际情况设置成其它的快捷键。确认好后点Settings 面板右下的“OK”按钮。

11、回到打开的default.less文件,按下“Alt+B”快捷键,看看“default.css”是不是生成了!

至此已成功将less文件编译成css文件。

时间: 2024-10-16 15:50:38

Windows7 x64系统下安装Nodejs并在WebStorm 9.0.1下搭建编译less环境的相关文章

Windows7 x64系统下安装Nodejs并在WebStorm下搭建编译less环境

1. 打开Nodejs官网http://www.nodejs.org/,点"DOWNLOADS",点64-bit下载"node-v0.10.33-x64.msi". 2. 下载好后,双击"node-v0.10.33-x64.msi",按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs. 3. "开始"-->cmd,打开cmd程序,输入"node -v",出现&

Linux环境下安装Nodejs

记录下 Linux 环境下 安装 Nodejs 系统安装环境:  Centos 6.5  x86_64 nodejs 版本:node-v0.10.26.tar.gz 软件安装目录: /pro_in 开始安装: 安装 编译工具  yum -y install gcc* cd  /pro_in   目录中: # tar zxvf node-v0.10.26.tar.gz   --解压 cd  /pro_in/node-v0.10.26   目录中: [[email protected] node-v

Linux(Ubuntu)下安装NodeJs

用以下命令来升级系统,并且安装一些Node.JS必要的包. Linux(Ubuntu)下安装NodeJs 安装nodeJS之前,如果没有安装g++ make libssl-dev等, 1.更新系统和依赖 更新系统 $ sudo apt-get update 更新依赖 $ sudo apt-get install make g++ libssl-dev 2.接下来,就可以下载安装nodeJS了, 下载最新版本 https://nodejs.org/en/download/current/ Sour

在windows和Linux下安装nodejs

在windows下安装nodejs 1.首先下载nodejs安装包,  https://nodejs.org/en/download/ 点击下载相应的版本 然后将文件夹解压到安装目录(任意,不做规定)比如我这里解压到了:F:\自动化测试软件\nodeJS中 2.然后在这个目录下新建两个文件夹 node-cache node-global 这是用来放npm全局模块的安装目录,也可以放到其他地方. 3.配置环境变量 新建一个系统变量 变量名:NODE_HOME 变量值(你的安装目录):C:\Prog

Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma

1.下载angularjs 进入其官网下载:https://angularjs.org/?,建议下载最新版的:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.js 所有版本:https://code.angularjs.org/ 2.示例1 HelloWorld ! 新建一个helloworld.html <!doctype html> <html ng-app> <head> &

windows 下安装nodejs 要怎么设置环境变量

windows 下安装nodejs 了,也安装了npm, 但是有时候切不能直接用request(‘ws’)这一类的东西.我觉得是确实环境变量或其他设置有问题,能否给个完整的设置方案: 要设置两个东西,一个是PATH上增加node.exe的目录C:\Program Files\nodejs,一个是增加环境变量NODE_PATH,值为C:\Program Files\nodejs\node_modules

Win7环境下Sublime Text 3下安装NodeJS插件

1.首先下载安装Node.JS,配置好环境变量(安装好Node.JS默认是配置好了环境变量的). 2.Sublime Text 3下安装NodeJS插件. 参考的两篇文章:http://www.cnblogs.com/bluesky4485/p/3928364.html http://www.cnblogs.com/linjiqin/p/3765390.html

ubuntu12.04 下安装nodejs【整理】

ubuntu12.04 下安装nodejs web前端 杭州-小白 liunx里面安装nodejs我也找了很多文章,貌似对很多liunx新手来讲不是很清楚,下面是我结合一些文章,亲自实践得到的安装步骤.同时还有大家关心的与seajs紧密相关的spm模块的安装.(也许很多人在liunx里面nodejs装完之后装spm模块经常报错.嘿嘿.看看这个也许知道为啥.) (- -!其实俺也不懂liunx的,所以就这里折腾了一翻,大家请看吧.我这些都是在虚拟机里面的ubuntu里面测试可以用的.) 第一步,安

Mac /Ubuntu/Windows 下安装nodejs

Mac If you're using the excellent homebrew package manager, you can install node with one command: brew install node. Otherwise, follow the below steps: Install Xcode. Install git. Run the following commands: darwin_setup.sh git clone git://github.co