vue開發(fā)環(huán)境搭建

1. npm

(1)安裝完nodeJs之后遇八,npm就已經(jīng)存在,可在 cmd 命令行窗口中用 "npm -v" 查看
(2)npm是node的一個(gè)包管理工具发乔,但npm在國(guó)內(nèi)網(wǎng)絡(luò)環(huán)境下有時(shí)會(huì)很慢搪花,推薦使用淘寶的npm鏡像(https://npm.taobao.org/)
(3)使用 https://npm.taobao.org/ 網(wǎng)址的 "npm install -g cnpm --registry=https://registry.npm.taobao.org" 命令刁愿,將cnpm安裝到系統(tǒng)中,以后使用npm的地方就用cnpm替換

1.png

2. 安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.png

3. vue

vue.js官方(https://vuefe.cn/v2/guide/installation.html)提供的命令行工具可以快速下載一套基于vue.js的開發(fā)模板豪墅。該模板不僅包含vue.js的框架泉手,還包含vue.js打包的工具、測(cè)試的工具但校、開發(fā)調(diào)試的服務(wù)器等(詳情見(jiàn)下文)

3.png

或者

4.png

4. 安裝vueClient

(1)提示vue命令沒(méi)有找到螃诅,需要安裝vueClient(vue客戶端),使用 "cnpm install -g vue-cli" 或 "npm install --g vue-cli" 命令状囱。安裝成功后术裸,可以直接在命令行中使用vue命令(3中的第一步)
說(shuō)明:-g指的是全局安裝,加-g會(huì)將vueClient安裝到系統(tǒng)的node目錄下亭枷,不加-g會(huì)將vueClient安裝到當(dāng)前目錄下袭艺。只有加-g才可以接下來(lái)使用vue這個(gè)命令

5.png

5. 驗(yàn)證vueClient是否安裝成功

使用cnpm將vueClient安裝上,vue本身變成了一個(gè)命令

6.png

6. 進(jìn)入指定路徑叨粘,初始化項(xiàng)目

(1)想將工程建在哪個(gè)目錄下猾编,先通過(guò) "cd 路徑" 進(jìn)入到指定位置,再執(zhí)行下面語(yǔ)句

盤符的切換.png

(2)"vue init webpack my-project"升敲,使用webpack這套模板答倡,使用webpack工具進(jìn)行壓縮和打包(3中的第二步)

7.png
8.png

7. 進(jìn)入項(xiàng)目所在路徑,下載依賴驴党,運(yùn)行項(xiàng)目

說(shuō)明:"npm install" 是將所有依賴安裝到當(dāng)前目錄下瘪撇,安裝到 node_modules 目錄下。也可使用cnpm代替npm,即 執(zhí)行命令 "cnpm install"

9.png

8. 項(xiàng)目說(shuō)明

10.png
11.png
12.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末倔既,一起剝皮案震驚了整個(gè)濱河市恕曲,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌渤涌,老刑警劉巖佩谣,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異实蓬,居然都是意外死亡茸俭,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門瞳秽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)瓣履,“玉大人,你說(shuō)我怎么就攤上這事练俐⌒溆” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵腺晾,是天一觀的道長(zhǎng)燕锥。 經(jīng)常有香客問(wèn)我,道長(zhǎng)悯蝉,這世上最難降的妖魔是什么归形? 我笑而不...
    開封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮鼻由,結(jié)果婚禮上暇榴,老公的妹妹穿的比我還像新娘。我一直安慰自己蕉世,他們只是感情好蔼紧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著狠轻,像睡著了一般奸例。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上向楼,一...
    開封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天查吊,我揣著相機(jī)與錄音,去河邊找鬼湖蜕。 笑死逻卖,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昭抒。 我是一名探鬼主播箭阶,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼虚茶,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了仇参?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤婆殿,失蹤者是張志新(化名)和其女友劉穎诈乒,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體婆芦,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怕磨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了消约。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肠鲫。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖或粮,靈堂內(nèi)的尸體忽然破棺而出导饲,到底是詐尸還是另有隱情,我是刑警寧澤氯材,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布渣锦,位于F島的核電站,受9級(jí)特大地震影響氢哮,放射性物質(zhì)發(fā)生泄漏袋毙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一冗尤、第九天 我趴在偏房一處隱蔽的房頂上張望听盖。 院中可真熱鬧,春花似錦裂七、人聲如沸皆看。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)悬蔽。三九已至,卻和暖如春捉兴,著一層夾襖步出監(jiān)牢的瞬間蝎困,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工倍啥, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留禾乘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓虽缕,卻偏偏與公主長(zhǎng)得像始藕,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容