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等文件中的配置,找到具體的對應指令。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM