zoukankan      html  css  js  c++  java
  • 搭建Windows Node.js环境

    利Javascript做为服务端脚本,通过Nodejs框架web开发。Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express,可以帮助迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低。非常适合小型网站,个性化网站

    这里介绍如何搭建Node.js Windows环境

    第一步:下载并执行Node.js Windows Installer (.msi)  (V 4.2.1)

    第二步: NPM (Node Package Manager) 模块管理工具(windows installer已包含)

    npm 全名为Node Package Manager,是Node.js 的套件(package)管理工具,类似Perl 的ppm 或PHP 的PEAR 等。安装npm 后,使用npm install module name 指令即可安装新套件,维护管理套件的工作会更加轻松。

    第三步:打开command prompt,执行npm install -g bower

    Bower 是 twitter 推出的一款包管理工具,一个js依赖管理的工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

    包管理工具一般有以下的功能:注册机制、文件存储、上传下载、依赖分析

    参考说明:http://blog.fens.me/nodejs-bower-intro/

    第四步:安装Grunt

    Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。

    Grunt.js是基于Node.js的自动化任务运行器。Grunt.js结合NPM的包依赖管理,完全可以媲美Maven。Grunt.js天然适合前端应用程序的构建——不仅限于JavaScript项目,同样可以用于其他语言的应用程序构建。越来越多的JavaScript项目已经在使用Grunt,其中最大的使用者包括著名的jQuery项目。

    执行npm install -g grunt-cli

    第五步:git clone工程

    1、git clone git@gitlab.alibaba-inc.com:cm/spas.git

    2、git submodule add git@gitlab.alibaba-inc.com:aliyun/console.git

    第六步:Install runtime dependencies,执行命令:npm install

    第七步:Install browser side dependencies,执行命令:bower install

    1、项目文件夹下多了一个app文件,里面有bower_components

    2、可以增加一个.bowerrc文件,把组件下载到指定的目录

    3、参考 http://jingyan.baidu.com/article/03b2f78c6bd7c05ea337ae6e.html

    第八步:执行命令 grunt

    附注1:NPM常用命令

    1、npm install <name>安装nodejs的依赖包。——例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6

    2、npm install <name> -g  将包安装到全局环境中。——但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令

    3、npm install <name> --save  安装的同时,将信息写入package.json中。项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包。这样代码提交到github时,就不用提交node_modules这个文件夹了。

    4、npm init  会引导你创建一个package.json文件,包括名称、版本、作者这些信息等

    5、npm remove <name>移除

    6、npm update <name>更新

    7、npm ls 列出当前安装的了所有包

    8、npm root 查看当前包的安装路径

    9、npm root -g  查看全局的包的安装路径

    10、npm help  帮助,如果要单独查看install命令的帮助,可以使用的npm help install

  • 相关阅读:
    wx.createWorker使用方法
    Chrome DevTools 面板之console全面解析
    DrawCall优化之分析利器《SpectorJS》
    CocosCreator ScrollView性能优化
    Debian 10.7 安装记录
    Glide切换图片为ARGB格式
    java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)
    org.apache.catalina.util.LifecycleMBeanBase.unregister Failed to unregister MBean with name [Catalina:type=Service] during component destruction javax.management.InstanceNotFoundException
    npm install报错:integrity checksum failed when using sha1
    Oracle学习:新建表空间
  • 原文地址:https://www.cnblogs.com/simpro/p/4931317.html
Copyright © 2011-2022 走看看