天天看點

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

今天linux下搭建vue的開發環境,過程很痛苦 但結局是好的,故此興奮之餘,跑進衛生間連結0.005m寬帶寫下此教程 😄

這是使用全指令安裝,無需壓縮包安裝那麼繁瑣,網上找了很多也實驗了很多,真的。。。一言難盡,大家隻需要跟着我的步驟一步一步來就可以。

首先,确定你的linux版本,如果你是ubuntu 請使用

sudo apt install xxx

,如果你是centos 請使用

sudo yum install xxx

;這的【sudo】是授權指令 如果你是root登陸則可以省略,為了避免有誰看不懂,下面全程我會帶上sudo

linux示範版本 :阿裡雲-centos

下面我們開始安裝

  1. 第一步:安裝nodejs

    centos:

sudo yum -y install nodejs
           

ubuntu:

sudo apt -y install nodejs
           

-y的意思是需要安裝依賴時不用确認直接安裝,不然害得手動安裝,麻煩的。

安裝完成後使用

node -v

來檢查是否安裝成功,如果沒成功請認真看一下上面,是不是哪一步做錯了,如果一樣再看看環境啥的

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

2. 第二步:安裝npm

centos:

ubuntu:

安裝完成後使用

npm -v

來檢查是否安裝成功

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

3. 第三步:cnpm安裝(淘寶NPM鏡像)

cnpm的官方介紹是:cnpm是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(隻讀),同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。既然都一樣,那麼cnpm為什麼要出現呢?

由于npmjs.org的伺服器在國外(即在“牆”外),國(牆)内開發者做項目的時候,很多“包”的下載下傳速度極慢,在這種環境下阿裡巴巴為了衆多開發者的便捷便挺身而出推出了淘寶鏡像(即cnpm),它把npm官方的“包”全部搬到國内,供廣大開發者使用。

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
           

安裝完成後使用

cnpm -v

來檢查是否安裝成功

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

4.第四步:安裝vue腳手架工具vue-cli

我們安裝完cnpm 成功之後就可以使用cnpm來代替npm,下面看我招式,嘿嘿😁

sudo cnpm install -g vue-cli
           

這裡 -g的意思是全局,單詞:global

當然cnpm 的用處和npm是一樣的,有人說了,我就願意用npm怎麼的,那也是可以的😂:

sudo npm install -g vue-cli
           

就是這樣的親。。。但是會很慢呦,像裝cnpm的時候一樣慢,哈哈哈😂

安裝完成後使用

vue -V

來檢查是否安裝成功, 注意,V是大寫!

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

5.安裝yarn

那麼yarn是什麼呢?
yarn是個包管理器。你可以通過它使用全世界開發者的代碼, 或者分享自己的代碼。
從 npm 安裝軟體包并保持相同的包管理流程。
優點:
        1.速度超快。
          Yarn 緩存了每個下載下傳過的包,是以再次使用時無需重複下載下傳。 同時利用并行下載下傳以最大化資源使用率,是以安裝速度更快。
          如果你以前安裝過某個包,再次安裝時可以在沒有任何網際網路連接配接的情況下進行。
        2. 超級安全。
          在執行代碼之前,Yarn 會通過算法校驗每個安裝包的完整性
        3. 超級可靠。
          使用詳細、簡潔的鎖檔案格式和明确的安裝算法,Yarn 能夠保證在不同系統上無差異的工作。
          不管安裝順序如何,相同的依賴關系将在每台機器上以相同的方式安裝。
           

還有就是yarn的指令比npm簡潔這就是我喜歡yarn的原因哈哈哈😄…

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

想了解更多可以再搜一搜查一查

下面使用cnpm指令來全局安裝

cnpm install yarn -g
           

安裝完成後使用

yarn -v

來檢查是否安裝成功(幾乎一瞬間,哈哈哈😄)

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

以上就是 linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

如果有幫助可以 點贊 收藏 加關注 😂,你的鼓勵是我最大的動力,😁謝謝喲親!

這是ubuntu上的結果,版本比centos的要高一些但是影響不大,一樣用👌

linux下搭建Vue開發環境&nodejs安裝&npm安裝&cnpm安裝&vue-cli安裝&yarn安裝

好了,寫完了,我也該出衛生間了,0.005mb極速網絡寬帶plus會員尊享版 可能會使這篇部落格發不出去😁。。。

繼續閱讀