WebStorm安装、配置node.js(Windows)

摘要:
单击下一步:安装过程:单击完成退出安装向导。

WebStorm安装、配置node.js(Windows)

一.node

1、下载安装包

32 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

步骤 1 : 双击安装包 ,如下:

install-node-msi-version-on-windows-step1

步骤 2 : 点击Run,如下:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选I accept,点击 next :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js,路径可以修改,点击next:

install-node-msi-version-on-windows-step4

步骤 5 : 选择你需要的安装模式(建议第四个-Add to PATH), 点击next:

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install开始安装Node.js。点击 next:

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish退出安装向导。

install-node-msi-version-on-windows-step8

 

 

二.WebStrom

 1、下载安装包

地址:http://www.jetbrains.com/webstorm/

WebStorm安装、配置node.js(Windows)第9张

2、安装步骤:

步骤1:点击next:

WebStorm安装、配置node.js(Windows)第10张

步骤2:选择安装路径,点击next:

WebStorm安装、配置node.js(Windows)第11张

 步骤3:根据自己电脑,选择32位还是64位(一般都是64位),勾选.js、.css、.html,并点击next:

WebStorm安装、配置node.js(Windows)第12张

 步骤4:安装过程

WebStorm安装、配置node.js(Windows)第13张

 步骤5:点击finish

WebStorm安装、配置node.js(Windows)第14张

步骤6:点击OK,打开软件(会要求你激活,如果不激活只有30天免费使用,激活码可参考: http://blog.csdn.net/xx1710/article/details/51725012

WebStorm安装、配置node.js(Windows)第15张

WebStorm安装、配置node.js(Windows)第16张

 步骤7:创建一个项目(路径自己定)

WebStorm安装、配置node.js(Windows)第17张

步骤8:配置

WebStorm安装、配置node.js(Windows)第18张

1)字体颜色:点击settings--Editor--Colors&Fonts,在Scheme中选择自己喜欢的背景,我选的DarculaWebStorm安装、配置node.js(Windows)第19张

2)字体大小

Settings--Editor--Colors&Fonts--Font中,Size里设置

 WebStorm安装、配置node.js(Windows)第20张

三.WebStrom中配置node

1.找到node.exe的安装路径

2.Settings--Languages&Frameworks--Node.js and NPM,然后选择node.exe的路径

WebStorm安装、配置node.js(Windows)第21张

 

四、检查是否安装成功

1.cmd命令输入node -v,出现版本,则安装成功

WebStorm安装、配置node.js(Windows)第22张

 

五、若用Git管理

1.找到git.exe的安装路径

2.Settings--VerSion Control--Git,然后选择git.exe的路径

WebStorm安装、配置node.js(Windows)第23张

 

六、若用Webpack打包

1.在WebStrom的控制台Terminal上面输入:npm install webpack@3.7.1 -g

2.输入webpack --w若报错“Error:...env......”,输入:npm install

3.若代码大批量报红色浪线,Settings--Languages&Frameworks--JavaScript,然后选择React JSX

WebStorm安装、配置node.js(Windows)第24张

4.再次webpack --w,则成功安装webpack打包

免责声明:文章转载自《WebStorm安装、配置node.js(Windows)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SonarQube系列一、Linux安装与部署DATAX 实现python调用cmd 系统控制台,实现在开发工具中内嵌datax (python 多行执行cmd命令)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WebStorm-2019.1.3破解方法

在此处下载对应的安装包https://www.jetbrains.com/webstorm/download/other.html 下载相应的jar包和破解码:https://github.com/servantdragon/webstrom-.git 把里面的JetbrainsIdesCrack-4.2-release-sha1-3323d5d0b82...

解决webstorm中vue语法没有提示

首先看看webstrom内置的vue插件,打上勾,没有这个选项就要自己去下载插件了 如果插件还是没有语法提示,可以用下面的方法,自己添加语法进去搜索 unknown HTML tag attributes ,将下面的指令复制到点开的窗口里v-textv-htmlv-oncev-ifv-showv-elsev-forv-onv-bindv-modelv-re...

解决webstorm本地IP访问页面出错的问题,webstorm支持IP访问

想在手机端访问webstorm做出的页面,遇到了根据IP地址访问页面错误的问题,试了网上的方法:“设置webstorm可以被外部连接访问”,依旧不能解决 解决方法: 在webstorm下:ctrl+alt+s调出设置: 技术交流QQ群:15129679...

WebStorm主题设置

对于使用WebStorm作为开发工具的筒子们,应该忍受不了默认的主题吧,但是自己去一个一个设置又太繁琐。So,去网上下个主题那是必须的。搜来一圈,发现一个网站提供了不少主题。闲话少说,进入正题。     1.首先从WebStorm主题上下载自己喜欢的主题。     2.然后将主题文件copy到一个文件夹下。使用OSX系统的童鞋放到 ~/Libray/Pre...

webstorm里直接调用命令行

写代码写到一半要切换窗口出去敲命令行?webstorm的external tools可以帮你省下一点时间 举例说明,比如我要直接使用npm: ctrl+alt+s打开setting菜单,找到external tools 点+号,在tool setting里填空: program -> 外部命令所在位置,填入npm的完整路径 parameters -&...

WebStorm 使用

Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心。比如函数追踪功能的确实,找个创建函数的地方很麻烦 这时候就该 WebStorm 出场了 0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。 启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键...