Ubuntu环境下使用npm编译从git上clone下来的前端(Javascript)项目
一、更新Ubuntu软件源
打开终端依次输入:
$ sudo apt-get update $ sudo apt-get install -y python-software-properties software-properties-common $ sudo add-apt-repository ppa:chris-lea/node.js $ sudo apt-get update
二、安装curl
curl是利用URL语法在命令行方式下工作的开源文件传输工具。
打开终端依次输入:
$ sudo add-apt-repository ppa:costamagnagianfranco/ettercap-stable-backports $ sudo apt-get update $ sudo apt-get install curl
安装成功后查看curl版本:
$ curl --version
三、添加PPA(Personal Package Archives)
添加PPA:
$ 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:
$ sudo apt-get install nodejs $ sudo apt-get install nodejs-legacy $ sudo apt-get install npm
查看一下Node.js和NPM的版本:
$ node -v
v8.5.0
$ npm -v
v5.3.0
五、更新Node.js和NPM的版本
如果Node.js不是最新版,则需要下载一个叫n的模块。n模块专门用来管理Node.js的版本,使用NPM安装n模块:
$ sudo npm install -g n
然后通过n模块使Node.js升级到最新稳定版:
$ sudo n stable
升级后若于终端内查看还是老版,重启终端即可
旧版的NPM也可以通过npm命令来进行升级:
$ sudo npm install npm -g
六、配置NPM仓库
国内网络环境问题,从NPM官方安装软件包速度会比较慢,因此要安NRM工具用来管理NPM软件源。
安装NRM的指令:
$ npm install -g nrm
安装后列出可用的软件源:
$ nrm ls
* npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - https://registry.npm.taobao.org/
nj ----- https://registry.nodejitsu.com/
rednpm - http://registry.mirror.cqupt.edu.cn/
npmMirror https://skimdb.npmjs.com/registry/
edunpm - http://registry.enpmjs.org/
可以选用taobao的源,可以加快npm下载速度:
$ nrm use taobao Registry has been set to: https://registry.npm.taobao.org/
七、编译
一个git项目里可能含有多个不同语言的子项目
故要打开从git上clone下来的项目里的前端(Javascript)项目的根目录
要注意Javascript项目根目录下一般含有package.json等文件,可以根据这个来判断是否为Javascript项目的根目录
安装相关packages:
$ npm install
进行编译:
$ npm run build
编译指令一般为run build,若不是要查看package.json等文件中的配置,找到具体的对应指令。
Ubuntu环境下使用npm编译从git上clone下来的前端(Javascript)项目的更多相关文章
- ubuntu环境下nginx的编译安装以及相关设置
一.基本的编译与安装 1.安装依赖项 sudo apt-get update sudo apt-get install build-essential zlib1g-dev libpcre3 libp ...
- Ubuntu环境下使用Maven编译并打包Java项目
一.安装Maven 打开终端输入以下指令: $ mvn -v Apache Maven Maven home: /usr/share/maven Java version: 1.8.0_181, ve ...
- Ubuntu环境下利用ant编译nutch2.2.1 & 配置nutch2.2.1
/×××××××××××××××××××××××××××××××××××××××××/ Author:xxx0624 HomePage:http://www.cnblogs.com/xxx0624/ ...
- Ubuntu环境下使用npm安装node模块时报错的处理方法
错误信息: npm ERR : node: not found : npm ERR! not ok code 0 解决方案: sudo apt-get install nodejs-legacy 也可 ...
- Ubuntu Linux下通过代理(proxy)使用git上github.com
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/loveaborn/article/details/24575659 github.com.作为程序猿 ...
- Ubuntu环境下的Redis 配置与C++使用入门
Redis是一个高性能的key-value数据库. Redisedis的出现,非常大程度补偿了memcached这类key/value存储的不足,在部分场合能够对关系数据库起到非常好的补充作用.它 ...
- 使用GitHub+Hexo建立个人网站,并绑定自己的域名(Ubuntu环境下)
参考链接: youngzn.github.io hexo官网 博客:从jekyll到hexo hexo建站小结 全过程 简洁过程 使用GitHub+Hexo建立个人网站,并绑 ...
- 在Ubuntu环境下配置Proxmark3(PM3)使用环境
参考资料:PM3官方Wiki 因为国内网络上大多是在Kali系统上使用PM3的教程(链接1.链接2.链接3),而这些教程的步骤对于Ubuntu系统并不完全适用.所以写下本文,记录我个人的安装经历. 本 ...
- ubuntu 环境下的QT程序打包
很多的时候 需要将自己写的QT 程序发布一下 所以今天教一下 怎么在ubuntu 环境下将自己的写的Qt 程序打包打包是为了不依赖 开发环境 和开发的库. 1. QtCreate使用Release版 ...
随机推荐
- vue-cli3+ant-design-vue+typescript 注意事项
项目参考vue-cli3-web-init ant-design配置部分 1. 实现ant-disign-vue的按需加载方案 (1)引入所有的组件,然后加载到vue上面 components-ant ...
- 并查集+multiset+双指针——cf982D
感觉自己的解法很复杂,写了一大堆代码 但核心是从小到大枚举每个元素的值,然后把<=当前元素的值进行合并,由于这个过程是单调的,所以可以直接将新的元素合并到旧的并查集里去 维护并查集的同时维护每 ...
- 秦曾昌人工智能课程---6、Decision Tree Learning
秦曾昌人工智能课程---6.Decision Tree Learning 一.总结 一句话总结: 怎样去构建决策树:比如一维:***|00|***|000|***,|为分割线,每个分割点都是一种情况, ...
- centos 7 ifcnfig提示:bash: ifconfig: command not found的解决方法
接着上一篇,配置完IP地址之后因为ip addr命令不符合我们的习惯,需要添加ifconfig命令 输入命令 yum -y install net-tools 即可解决
- css玩转文字
<div style=" direction:rtl; unicode-bidi:bidi-override">文字被反转过来了</div> 执行后的效果为 ...
- 基于airtest的朋友圈自动点赞
本脚本可以通过AirtestIDE和python执行,推荐使用AirtestIDE的环境执行,更稳定一些 AirtestIDE官方文档 使用python执行该脚本 安装库 airtest.pocoui ...
- DRF的JWT用户认证
目录 DRF的JWT用户认证 JWT的认证规则 JWT的格式 JWT认证的流程 JWT模块的导入为 JWT的使用 DRF的JWT用户认证 从根本上来说,JWT是一种开放的标准(RFC 7519), 全 ...
- sklearn数据集划分
sklearn数据集划分方法有如下方法: KFold,GroupKFold,StratifiedKFold,LeaveOneGroupOut,LeavePGroupsOut,LeaveOneOut,L ...
- 防止xss漏洞-编码转义
用JS进行转义还是用PHP进行转义,最后存入数据库的是什么形式 比如:用户输入: <script>alrt(0);</script>那数据库里面存储的是源数据还是转以后的数据: ...
- Spark运行架构设计