當然,在我們安裝了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 ,項目就可以在本地跑起來了。效果如下: