安裝Vue 及 創(chuàng)建一個Vue 項目

安裝Vue 及 創(chuàng)建一個Vue 項目

創(chuàng)建一個Vue項目

首先要先安裝node 及 npm 詳情見

【http://www.cnblogs.com/ylboke/p/8342116.html 】及

【http://www.cnblogs.com/ylboke/p/8342185.html 】

安裝Git(Git是一個分布式版本控制系統(tǒng))詳情見(關(guān)于git使用 在之后會記錄)

http://www.cnblogs.com/wj-1314/p/7993819.html

首先我們打開ves.js 的官網(wǎng) ?【https://cn.vuejs.org/v2/guide/installation.html】

在開始之前首先要確定你的node ?npm ?已經(jīng)安裝好了 ? 我們可以在命令行中 輸入 ?【node --version 】 查看node版本 ? ?【npm --version】查到npm版本 ?如果都能輸出他們的版本號 及說明 node 和npm 安裝成功:

安裝Vue : ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

在Vue 官網(wǎng)中對安裝做出了詳細介紹?

我們打開命令行工具:打開npm ?【npm start】

進行Vue安裝 ?輸入:

【npm install --global vue-cli】 (-global 意思是全局安裝? 這羊Vue會安裝到 安裝node 的文件夾下 否則會安裝到 當前目錄)

# 全局安裝 vue-cli)

驗證安裝成功 輸入 【Vue --version】担钮,出現(xiàn)Vue版本號,則說明Vue 安裝成功巍佑。

創(chuàng)建項目及依賴安裝:? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

現(xiàn)在開始使用Vue創(chuàng)建項目:

(可以先進入自己想要創(chuàng)建項目的文件夾中)


1.

# 創(chuàng)建一個基于 webpack 模板的新項目 【vue init webpack my-project】? my-project(項目文件夾名)

執(zhí)行這個命令后命令行會出現(xiàn)一些需要你填寫選擇的項目屬性:

(項目名稱)

(項目描述)

(作者).....

should we run npm install.... (這句話是在問是否在工程創(chuàng)建后就去跑 npm 安裝依賴 這里面有幾個選項 ?第一個是【是】 也可以選最后一個 稍后自己就安裝依賴 即 在命令行執(zhí)行npm install 命令 )

當看到 ?這樣的命令說明 Vue項目創(chuàng)建窗成功了 ?

你可以在你選擇的文件加下看到這些文件 (其中node-modules是依賴安裝后出現(xiàn)的诡延,沒安裝依賴以前是沒有node_modules文件夾的)

運行測試 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

進入文件夾 ?執(zhí)行運行命令

cd ?project2?

npm run dev


打開瀏覽器:

成功!悯衬!

(在運行測試中:的兩句命令 其實是在找 這個Vue項目的package.json 這個文件里記錄了一下 這個項目的基本信息 像是作者肾扰、工具等)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末巍举,一起剝皮案震驚了整個濱河市脆荷,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌懊悯,老刑警劉巖蜓谋,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異炭分,居然都是意外死亡桃焕,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門捧毛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來观堂,“玉大人让网,你說我怎么就攤上這事∈郏” “怎么了溃睹?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長胰坟。 經(jīng)常有香客問我因篇,道長,這世上最難降的妖魔是什么笔横? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任竞滓,我火速辦了婚禮,結(jié)果婚禮上吹缔,老公的妹妹穿的比我還像新娘商佑。我一直安慰自己,他們只是感情好涛菠,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布莉御。 她就那樣靜靜地躺著撇吞,像睡著了一般俗冻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上牍颈,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天迄薄,我揣著相機與錄音,去河邊找鬼煮岁。 笑死讥蔽,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的画机。 我是一名探鬼主播冶伞,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼步氏!你這毒婦竟也來了响禽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤荚醒,失蹤者是張志新(化名)和其女友劉穎芋类,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體界阁,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡侯繁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了泡躯。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贮竟。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡丽焊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出坝锰,到底是詐尸還是另有隱情粹懒,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布顷级,位于F島的核電站凫乖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏弓颈。R本人自食惡果不足惜帽芽,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望翔冀。 院中可真熱鬧导街,春花似錦、人聲如沸纤子。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽控硼。三九已至泽论,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間卡乾,已是汗流浹背翼悴。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留幔妨,地道東北人鹦赎。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像误堡,于是被迫代替她去往敵國和親古话。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

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