Ubuntu环境下使用npm编译从git上clone下来的前端项目

一、安装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）

添加依赖包python-software-properties：

1 $ sudo apt-get install python-software-properties

添加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

安装完成之后NPM也自动安装好了

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

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

如果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的源：

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

五、编译

打开从git上clone下来的项目的根目录

要注意根目录下一般含有package.json等文件

安装相关packages：

1 npm install

进行编译：

1 npm run build

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