天天看點

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

安裝環境:

Dokcer,Node.js,Linux

當登入到linux裡面時出現用wget無法下載下傳安裝包時

直接用linux的yum指令:

yum 文法

yum [options] [command] [package ...]
           
  • options: 可選,選項包括-h(幫助),
  • -y(當安裝過程提示選擇全部為"yes"),
  • -q(不顯示安裝的過程)等等。
  • command: 要進行的操作。
  • package 操作的對象。
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

-y全部yes安裝即可,得到wget

這裡再按照前面-uname -a 系統給出的支援版本下載下傳即可

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

現在wget就能下載下傳了。

這裡可以留意一下目前系統支援的 node.js 版本:

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇
linux壓縮
tar –cvf jpg.tar *.jpg       // 将目錄裡所有jpg檔案打包成 tar.jpg 
tar –czf jpg.tar.gz *.jpg    // 将目錄裡所有jpg檔案打包成 jpg.tar 後,并且将其用 gzip 壓縮,生成一個 gzip 壓縮過的包,命名為 jpg.tar.gz 
tar –cjf jpg.tar.bz2 *.jpg   // 将目錄裡所有jpg檔案打包成 jpg.tar 後,并且将其用 bzip2 壓縮,生成一個 bzip2 壓縮過的包,命名為jpg.tar.bz2 
tar –cZf jpg.tar.Z *.jpg     // 将目錄裡所有 jpg 檔案打包成 jpg.tar 後,并且将其用 compress 壓縮,生成一個 umcompress 壓縮過的包,命名為jpg.tar.Z 
rar a jpg.rar *.jpg          // rar格式的壓縮,需要先下載下傳 rar for linux 
zip jpg.zip *.jpg            // zip格式的壓縮,需要先下載下傳 zip for linux
           
解壓
tar –xvf file.tar         // 解壓 tar 包 
tar -xzvf file.tar.gz     // 解壓 tar.gz 
tar -xjvf file.tar.bz2    // 解壓 tar.bz2 
tar –xZvf file.tar.Z      // 解壓 tar.Z 
unrar e file.rar          // 解壓 rar 
unzip file.zip            // 解壓 zip 
           

然後用tar -xvf xxx解壓一下

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

将原來的長檔案夾名改成短檔案夾名:

Linux mv指令用來為檔案或目錄改名、或将檔案或目錄移入其它位置。

文法

mv [options] source dest
mv [options] source... directory
           
參數說明

  • -i: 若指定目錄已有同名檔案,則先詢問是否覆寫舊檔案;
  • -f: 在mv操作要覆寫某已有的目标檔案時不給任何訓示;
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

是以這裡用到的是目标目錄名不存在則改名的運作結果

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

然後确定nodejs目錄的bin目錄裡面是否有 node npm檔案。

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

建立軟連接配接,設為linux全局

linux ln指令

文法

ln [參數][源檔案或目錄][目标檔案或目錄]
           

ln 詳情:

Linux ln指令 | 菜鳥教程​www.runoob.com

這裡需要注意一點是軟連接配接連的是将自己建立的node,與npm與usr目錄下面的bin目錄連接配接起來,别弄成

/user/local/bin/

很尴尬。

ln -s /app/software/nodejs/bin/npm /usr/local/bin/ 
           
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

這裡-s 軟連結(符号連結)。

用node -v 驗證是否node可用。

Vue的安裝

安裝Vue cli 腳手架工具

npm install -g @vue/cli
           

下載下傳即可。

vue同樣需要軟連接配接,如果沒有就會出現

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

還是老樣子将

nodejs/bin/vue 連接配接到 /usr/local/bin/vue
           
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

指令:

ln -s /vueWebpack/nodejs/bin/vue /usr/local/bin/vue
           
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

驗證指令:

vue -V
           
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

安裝成功

到目标檔案夾裡面去建立vue項目

vue create 你的檔案名英文
           
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇
sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

這樣就成功了

然後進入到根目錄用

npm run serve

就可以将項目跑起來了

sonar 掃描vue目錄_劍星日記——Vue+Webpack搭建篇

其實到這裡就差不多了。

剩下的webpack基本都是手動搭建的。

流程如下:

webpack 中文文檔 | webpack 中文網​www.webpackjs.com

創作不易,如有更多意見或是建議 歡迎大家來QQ群吐槽:883610200

http://qm.qq.com/cgi-bin/qm/qr?k=YQXvDYlhmKLxw2ZIeaXP43PGwgFQFWCl (二維碼自動識别)

——本文原創版權歸知乎SwordsS(劍星)所有