安装开发工具(webstorm/phpstorm)

搭建开发环境(Node和npm)

  • 下载最新版本的node.js
  • 安装及设置

    • 最新版node.js v6已经包含了npm,而且安装时已经自动配置好了环境变量。此时我们“win+R”,输入cmd,回车,调出DOS窗口,输入node -v和 npm -v确认版本信息。

安装所需要的全局依赖

  • 使用 CNPM
    在国内由于墙的原因,有时候使用NPM安装模块的速度上会很慢,这时候我们其实可以选择国内淘宝的NPM镜像,使用下面的命令来进行安装:
    安装完成后使用cnpm来代替npm命令即可,例如下面安装一个webpack模块的示例:
    可以看到除了cnpm替代了npm其他的并没有任何区别。(这里加–global,是全局安装,目的是方便在任何路径下都能调用)
  • 完成上一步骤之后,我们开始安装我们下面这些工具
    • webpack (npm install –global webpack)

      是一个模块加载器,这里所谓模块其实就是项目中用到javascript、coffeescript、css、less、jsx以及图片等等资源,Webpack采用不同的loader将这些资源加载后打包,然后输出打包后的文件,打包后的文件可以是一个或多个js文件,也可以根据需要分别打包,比如将所有css文件单独输出。

    • webpack-dev-server (npm install –global webpack-dev-server)

      Webpack-dev-server,一个轻量的node.js express服务器.想要实现webpack的功能首先需要安装这个工具

    • karma (npm install –global karma-cli)

      karma一个基于Node.js 的JavaScript 测试执行过程管理工具,它可用于测试所有主流Web浏览器,也可集成到 CI (Continuous integration)工具,也可和其他代码编辑器一起使用

    • protractor (npm install –global protractor)

      它是 AngularJS 团队构建的一个端对端的测试运行工具,模拟用户交互,帮助你验证你的Angular应用的运行状况。使用Jasmine测试框架来定义测试。它的优势在于知道怎么和AngularJS的代码一起运行,特别是面临$digest循环的时候。

    • typings (npm install –global typings)

      通过它来对JavaScript实现智能提示功能,特别适合编写JavaScript程序

    • typescript (npm install –global typescript)

      Typescript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。

    • rimraf (npm install –global rimraf)

      一种用于节点的深度删除模块,也可以同步删除一些东西。

发表评论

电子邮件地址不会被公开。 必填项已用*标注