zoukankan      html  css  js  c++  java
  • Ubuntu环境下使用npm编译从git上clone下来的前端(Javascript)项目

    一、更新Ubuntu软件源

    打开终端依次输入:

    1 $ sudo apt-get update
    2 
    3 $ sudo apt-get install -y python-software-properties software-properties-common
    4 
    5 $ sudo add-apt-repository ppa:chris-lea/node.js
    6 
    7 $ sudo apt-get update

    二、安装curl

    curl是利用URL语法在命令行方式下工作的开源文件传输工具。

    打开终端依次输入:

    1 $ sudo add-apt-repository ppa:costamagnagianfranco/ettercap-stable-backports
    2 
    3 $ sudo apt-get update
    4 
    5 $ sudo apt-get install curl

    安装成功后查看curl版本:

    1 $ curl --version

    三、添加PPA(Personal Package Archives)

    添加PPA:

    1 $ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

    四、安装Node.js和NPM(Node Package Manager)

    Node.js是一个基于Chrome V8引擎的JavaScript运行环境。

    NPM是JavaScript世界的包管理工具,并且是Node.js平台的默认包管理工具。

    安装Node.js:

    1 $ sudo apt-get install nodejs
    2 
    3 $ sudo apt-get install nodejs-legacy
    4 
    5 $ sudo apt-get install npm

    查看一下Node.js和NPM的版本:

    1 $ node -v
    2 v8.5.0
    3 $ npm -v
    4 v5.3.0

    五、更新Node.js和NPM的版本

    如果Node.js不是最新版,则需要下载一个叫n的模块。n模块专门用来管理Node.js的版本,使用NPM安装n模块:

    1 $ sudo npm install -g n

    然后通过n模块使Node.js升级到最新稳定版:

    1 $ sudo n stable

    升级后若于终端内查看还是老版,重启终端即可

    旧版的NPM也可以通过npm命令来进行升级:

    1 $ sudo npm install npm -g

    六、配置NPM仓库

    国内网络环境问题,从NPM官方安装软件包速度会比较慢,因此要安NRM工具用来管理NPM软件源。

    安装NRM的指令:

    1 $ npm install -g nrm

    安装后列出可用的软件源:

    1 $ nrm ls
    2 * npm ---- https://registry.npmjs.org/
    3   cnpm --- http://r.cnpmjs.org/
    4   taobao - https://registry.npm.taobao.org/
    5   nj ----- https://registry.nodejitsu.com/
    6   rednpm - http://registry.mirror.cqupt.edu.cn/
    7   npmMirror  https://skimdb.npmjs.com/registry/
    8   edunpm - http://registry.enpmjs.org/

    可以选用taobao的源,可以加快npm下载速度:

    1 $ nrm use taobao
    2 
    3 Registry has been set to: https://registry.npm.taobao.org/

    七、编译

    一个git项目里可能含有多个不同语言的子项目

    故要打开从git上clone下来的项目里的前端(Javascript)项目根目录

    要注意Javascript项目根目录下一般含有package.json等文件,可以根据这个来判断是否为Javascript项目的根目录

    安装相关packages:

    1 $ npm install

    进行编译:

    1 $ npm run build

    编译指令一般为run build,若不是要查看package.json等文件中的配置,找到具体的对应指令。

  • 相关阅读:
    5月读书日志
    把代码搬到Git Hub 吧(一)
    RTX二次开发(二)(基于ASP.NET)
    RTX二次开发(一)(基于ASP.NET)
    文件夹下迭代查询文件
    JS URL传递中文参数时出现乱码的处理
    js实现上下滑动侧边栏
    基本select语句的生命周期
    NodeJs下的测试框架Mocha
    带新人感想
  • 原文地址:https://www.cnblogs.com/asyang1/p/9431590.html
Copyright © 2011-2022 走看看