一個前端開發者換電腦的過程(node & 淘寶鏡像篇)


 當然,在我們安裝了git和vscode之后,我們這個項目,在本地仍然是跑不起來的對嗎?這句“npm run dev”就提示着我們需要有一個npm,npm是一個很強大的包管理工具,就像是安卓的應用商店,蘋果的app store一樣。作為開發者,需要高頻率地使用它來安裝各種東西。

  在很早很早以前,node就已經把npm並入自身安裝包的一部分,也就是說,下載了node,就等於擁有了npm.現在我們到node的官網下載它,注意下載msi版本,因為zip版本本人親測是沒有什么卵用的。

  

  因為沒有翻牆,所以到node中文網委屈一下(注:node中文網軟件的更新速度更官網不同步,版本一般比官網低一丟丟)

  一路next安裝就行了。

  

  安裝完成之后,打開git bash,查看node和npm的版本號。

  

  但是當我們興高采烈地在vscode中想使用一把npm install來安裝依賴的時候,卻遇到了這樣一個問題。

  

  也就是說,在編輯器中根本不認識npm是個什么玩意。但這個其實問題不大,原因是環境變量沒有立即生效,重啟一下vscode就好了。

  

  重啟之后,在vscode中已經能愉快滴查看版本號和安裝依賴了。

  當然,在沒有翻牆的情況下,我們用npm去下載一些依賴是很慢的,因為這個鏡像是國外的。在國內網絡中提供了淘寶鏡像cnpm,它的速度在未翻牆的情況下比npm快了一大截。

  安裝的命令是:

  npm install -g cnpm --registry=https://registry.npm.taobao.org
 這個是從官網復制下來的,安裝過程如下:
 

  當遇到降級這個錯誤的時候,我的猜測是:如果cnpm的最新版本是6.0.0,那么配置cnpm的npm版本應該低於6.0.0,在這里我們的npm版本是6.4.1,所以配置報錯了。

  順帶一提:npm更新到最新版本的命令是npm install -g npm。而安裝制定版本號的命令是npm install -g npm@版本號。

     如果在安裝淘寶鏡像時,遇到“unexpected end of JSON ....”的報錯,是因為原先的npm緩存沒有清理,需要輸入如下命令:

npm cache clean --force  //強制清理npm緩存

  在擁有了npm后,我們需要拿它來下點東西,比如我們想在本地新建一個vue項目,我們需要官方的腳手架vue-cli。

  

  我在這里安裝的命令是cnpm install vue-cli -g,表示用淘寶鏡像來對vue-cli進行全局安裝。安裝完成后,已經可以打印出vue版本號。現在找一個文件夾來初始化一下工程。

  

  執行 vue init webpack "項目名"  這個命令,就可以成功地新建一個項目了,我們看到命令行已經在向我們詢問項目的各項基本配置了。

  配置完成后,安裝一下依賴,執行 npm run dev  ,項目就可以在本地跑起來了。效果如下:

  


免責聲明!

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



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