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等文件中的配置,找到具体的对应指令。

  • 相关阅读:
    Leetcode Substring with Concatenation of All Words
    Leetcode Divide Two Integers
    Leetcode Edit Distance
    Leetcode Longest Palindromic Substring
    Leetcode Longest Substring Without Repeating Characters
    Leetcode 4Sum
    Leetcode 3Sum Closest
    Leetcode 3Sum
    Leetcode Candy
    Leetcode jump Game II
  • 原文地址:https://www.cnblogs.com/asyang1/p/9431590.html
Copyright © 2011-2022 走看看