文档章节

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

o
 osc_1ee7cxmx
发布于 2018/08/06 17:42
字数 617
阅读 8
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

为什么从HBase的0.96版本开始,舍弃了-ROOT-文件?

HBase结构的读写流程 (1). HBase0.96版本之前: (2). HBase0.96开始: a. 当客户端获取到.meta文件的位置之后,会缓存.meta.文件的位置 b. 客户端还会缓存HRegion的位置 -ROOT-存在的意义: ...

其乐m
58分钟前
18
0
volatile关键字对 - What is the volatile keyword useful for

问题: At work today, I came across the volatile keyword in Java. 今天的工作中,我遇到了Java中的volatile关键字。 Not being very familiar with it, I found this explanation: 不太熟......

技术盛宴
今天
25
0
golang 封装 mysql 和 redis 连接

Mysql封装 package dbimport ("fmt"_ "github.com/go-sql-driver/mysql""github.com/jmoiron/sqlx")var DB *sqlx.DBfunc init(){database, err := sqlx.Op......

开源中国最牛的人
今天
21
0
pdfbox 读取文件报错 java.io.IOException: Page tree root must be a dictionary

pdfbox java.io.IOException: Page tree root must be a dictionary 示例代码 public static void main(String[] args) { try (InputStream sampleInputs = new ClassPathResource("s......

lemos
今天
28
0
整理 Linux下列出目录内容的命令

在 Linux 中,有非常多的命令可以让我们用来执行各种各样的任务。当我们想要像使用文件浏览器一样列出一个目录下的内容时,大家第一时间想到的是 ls 命令。但只有 ls 命令能实现这个目的吗?...

良许Linux
今天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部