怎么用npm安裝vue.js-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)建站秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營(yíng)銷的理念,以專業(yè)定制企業(yè)官網(wǎng),網(wǎng)站制作、做網(wǎng)站,小程序設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì)制作,手機(jī)網(wǎng)站制作,營(yíng)銷型網(wǎng)站幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理,匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長(zhǎng)。

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

一、安裝node.js

1. node.js 是一個(gè)安裝包資源管理器。可以在里面下載安裝包。不是一門(mén)語(yǔ)言/庫(kù)/框架。也就是說(shuō),和vue.js 不是同一類東西。(vue.js 是一種js框架)

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

怎么用npm安裝vue.js

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

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

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

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

PS: 安裝node.js 過(guò)程中,新建了2個(gè) 文件夾 node_global  和 node_cache 。

創(chuàng)建完兩個(gè)空文件夾之后,打開(kāi)cmd命令窗口,輸入

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

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

二、安裝cnpm

因?yàn)閚pm 的地址是在國(guó)外,傳輸速度很慢,所以可以用淘寶提供的鏡像文件下載 cnmp 工具

具體操作如下:

1. 打開(kāi)運(yùn)行 --cmd (快捷鍵是 Fn+R)

怎么用npm安裝vue.js

2. 安裝鏡像文件

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

然后 enter 鍵 執(zhí)行

怎么用npm安裝vue.js

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

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

怎么用npm安裝vue.js

4. 檢測(cè)cnpm安裝成功后,就可以使用cnpm 下載工具來(lái)下載 vue 安裝包:

復(fù)制粘貼命令 cnpm install -g vue-cli (install :下載安裝; -g 全局安裝; )

enter 執(zhí)行

怎么用npm安裝vue.js

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

怎么用npm安裝vue.js

看完了這篇文章,相信你對(duì)怎么用npm安裝vue.js有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

網(wǎng)頁(yè)標(biāo)題:怎么用npm安裝vue.js-創(chuàng)新互聯(lián)
當(dāng)前URL:http://bm7419.com/article20/gohco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、Google、全網(wǎng)營(yíng)銷推廣、網(wǎng)站營(yíng)銷、云服務(wù)器、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司