怎么用npm安裝vue.js

小編給大家分享一下怎么用npm安裝vue.js，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

安裝方法：1、在官網(wǎng)下載并安裝node.js和npm；2、打開cmd命令行，使用“npm install”命令安裝cnpm工具；3、使用cnpm工具，通過執(zhí)行“cnpm install -g vue-cli”命令即可安裝vue.js。

一、安裝node.js

1. node.js 是一個安裝包資源管理器。可以在里面下載安裝包。不是一門語言/庫/框架。也就是說，和vue.js 不是同一類東西。（vue.js 是一種js框架）

2. node.js 里面有一個下載工具-- npm （不用另外安裝npm。安裝好node.js之后，包括了npm 的工具。但是要另外設(shè)置npm 環(huán)境變量，為了在使用npm 工具時，不用跳到npm 所在的目錄）

* cd 是跳轉(zhuǎn)到別的目錄

* d: 是指跳轉(zhuǎn)的目錄在 D 盤

多數(shù)與JS相關(guān)的包都放在npm上。例如：有了npm之后，一條命令就可以下在不同的庫/框架（比如jquery），不用再到各個庫/框架的官網(wǎng)上去下載

----------------------------------------------------------------------------------------------------------------------------------------

PS: 安裝node.js 過程中，新建了2個 文件夾 node_global  和 node_cache 。

創(chuàng)建完兩個空文件夾之后，打開cmd命令窗口，輸入

設(shè)置npm 下載的那些安裝包的存放目錄
npm config set prefix "D:\Develop\nodejs\node_global"
設(shè)置npm 緩存文件的存放目錄
npm config set cache "D:\Develop\nodejs\node_cache"

----------------------------------------------------------------------------------------------------------------------------------------

二、安裝cnpm

因為npm 的地址是在國外，傳輸速度很慢，所以可以用淘寶提供的鏡像文件下載 cnmp 工具

具體操作如下：

1. 打開運行 --cmd （快捷鍵是 Fn+R）

2. 安裝鏡像文件

復(fù)制粘貼鏡像地址 npm install -g cnpm --registry=https://registry.npm.taobao.org  （淘寶鏡像 https://npm.taobao.org/）

然后 enter 鍵 執(zhí)行

3. 執(zhí)行 cnpm -v 檢測是否安裝成功:

因為 cnpm 沒有設(shè)置環(huán)境變量，所以要先跳轉(zhuǎn)到 cnpm 所在目錄，才能使用 cnpm 工具。

4. 檢測cnpm安裝成功后，就可以使用cnpm 下載工具來下載 vue 安裝包:

復(fù)制粘貼命令 cnpm install -g vue-cli （install ：下載安裝； -g 全局安裝； ）

enter 執(zhí)行

vue文件成功安裝在node_global 文件夾下，成功

看完了這篇文章，相信你對怎么用npm安裝vue.js有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！