Node的安装以及npm的常见指令、webstorm工具常用快捷键

***********Windows系统安装NodeJS,在IDEA开发工具下集成NodeJS插件**************

Node.js下载地址:
https://nodejs.org/en/download/
开发环境部署:
windows安装NodeJS,双击安装包安装。
与普通软件安装一样,下一步–接受—下一步—修改安装目录—下一步…
测试NodeJS安装是否成功:
查看path环境变量里有没有配上NodeJS的安装目录。
如果没有的话,配置一下,在path里加;D:\Program Files\nodejs\;(路径到nodejs文件夹)
cmd命令行:node -v查看版本号,如果有版本号出来就安装成功
测试NodeJS:
在cmd终端输入node进入命令交互模式,输入console.log(“hello world!”);回车,有输出则创建成功

IDEA的NodeJS插件下载:
http://plugins.jetbrains.com/plugin/6098?pr=idea
IDEA集成NodeJS
当前IDEA的版本为
File–>settings—>Editor–>Plugins—>右下角第三个(Intall plugin from disk:从磁盘中找)
—>找到NodeJS-162.1628.7.zip文件,选中之后点击apply–>ok

点击  Restart(重启)

查看IDEA有没有集成成功:
在IDEA的file菜单—new—project—Node.js and NPM(在Static Web的下面),如果有,则集成成功。
可以创建NodeJS项目

NPM基本使用指令:

npm help config【安装了npm的前提下执行此命令可直接跳转到nodejs官网帮助文档,学习npm指令】
(file:///E:/Myoffice/nodejs/node_modules/npm/html/doc/cli/npm-config.html)

  • npm install -g ××× ×××【加g全局安装依赖 可以多个】 例如:npm install -g ionic@latest
  • npm clear cache 【清除npm缓存】
  • npm install gulp-less(node插件名称)-g –save-dev 【后面的–save的意思是保存到配置文件】
  • npm update -g cordova ionic (更新)
  • npm install -g cordova ionic (安装)
  • npm install -g ionic@latest 【下载最新版本ionic依赖库】
    • -g:全局安装
    • –save:将保存配置信息至package.json(package.json是nodejs项目配置文件);
    • -dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;
  • npm config set registry “http://registry.npm.taobao.org” (没FQ的情况下一定要设置这个)【npm install的node_modules才不会报错】
  • npm config set registry “http://registry.npmjs.org” 【默认设置】
  • npm install 安装出错问题解决如下
    rm -rf node_modules
    npm clean cache
    npm update

  • npm install -g cordova to update 或者npm update -g cordova (更新至最新版本的cordova 库) 或者 npm install -g npm/cordova/ionic【默认下载最新的】

  • npm install -g ionic [email protected] 或者 npm install -g [email protected] 【安装特定版本:】
  • npm uninstall -g cordova ; npm uninstall -g ionic; 【删除插件】

npm其他命令使用

  • npm run XXX是执行配置在package.json中的脚本,比如: -

“scripts”: {
“dev”: “node build/dev-server.js”,
“build”: “node build/build.js”,
“unit”: “karma start test/unit/karma.conf.js –single-run”,
“e2e”: “node test/e2e/runner.js”,
“test”: “npm run unit && npm run e2e”,
“lint”: “eslint –ext .js,.vue src test/unit/specs test/e2e/specs”
},

只有这里配置了,你才能run,所以不是所有的项目都能npm run dev/build。要了解这些命令做了什么,就要去scripts中看具体执行的是什么代码。这里就像是一些命令的快捷方式,免去每次都要输入很长的的命令(比如unit那行)。

为什么会出现ERROR,就是因为在跑这些对应的脚本文件的时候,可能是某些依赖没有被加载等的。

一般项目都会有build, dev, unit等,从名字上基本能看出来是干什么的。比如上面配置的unit,就是开启karma去跑单元测试,具体测试内容,要去看karma.conf.js;e2e就是end to end的端到端测试;而test则会将单元测试和端到端测试都执行。

有些项目中根据需要,还会配置其他命令,例如自动生成文档,比如这里:

"build:doc": "node ./scripts/build-doc.js",

如果你去build-doc.js中看的话,会发现,这个脚本在遍历所有源文件,解析注释和其他内容,自动生成

————-webstorm激活:http://idea.iteblog.com/key.php

————-webStorm 常用快捷键:

  1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。
  2. ctrl + j: 输出模板
  3. ctrl + b: 跳到变量申明处
  4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
  5. ctrl + []: 匹配 {}[]
  6. ctrl + F12: 可以显示当前文件的结构
  7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
  8. alt + left/right:标签切换
  9. ctrl + r: 替换
  10. ctrl + shift + up: 行移动
  11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)
  12. ctrl + d: 行复制
  13. ctrl + shift + ]/[: 选中块代码
  14. ctrl + / : 单行注释
  15. ctrl + shift + / : 块注释
  16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
  17. ctrl + ‘-/+’: 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。 【使用前先全选,在使用】
  18. ctrl + ‘.’: 折叠选中的代码的代码。
  19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。
  20. alt + ‘7’: 显示当前的函数结构。
  21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。

你可能感兴趣的:(Nodejs)