2021-10-15創(chuàng)建vue項目

第一種方法

第一步,先檢查電腦上有沒有安裝node.js隘世,如果沒有安裝node.js就先去安裝node.js

1.下載地址為:https://nodejs.org/en/筒扒。

2.檢查是否安裝成功==》 在命令面板輸入node -v進行檢查查詢怯邪,輸出的是node的版本號則表示安裝成功了


3.為了提高運行效率,還需要安裝一個淘寶鏡像

3.1輸入npm install -g cnpm –registry=https://registry.npm.taobao.org霎肯,就可以安裝淘寶鏡像


第二步擎颖,搭建vue項目

1.npm?install vue-cli --global? ? ?全局安裝


2。輸入vue init webpack demo (demo為項目的名字可以隨便定)創(chuàng)建項目名 ,輸完這個命令后就會出現(xiàn)以下的界面



Project name ===>表示輸入項目名稱观游,自行輸入

Project description ===>表示項目描述搂捧,自行輸入

Anthor ===>表示項目作者 ,自行輸入

Vue build ===> 表示打包方式懂缕,按下回車鍵就行

Install vue-router ===> 表示是否要安裝vue-router 允跑,輸入Y表示要安裝,輸入N表示不要安裝

Use ESLint to lint your code ===>表示是否需要js語法檢測搪柑,輸入Y表示需要,輸入N表示不需要

Pick an ESLint preset ===>表示選擇一個eslint的預設聋丝,按下回車鍵就行

Set up unit teste ===>表示是否安裝單元測試工具,輸入Y表示要安裝工碾,輸入N表示不要安裝

Setup e2e tests with Nightwatch ===>表示是否需要安裝端測試工具弱睦,輸入Y表示要安裝,輸入N表示不要安裝

最后會出現(xiàn)一個這樣的選擇渊额,這個選擇表示的是選擇安裝依賴的方式


直接按下箭頭選擇最后一個就可以了况木,

第三步,進入到我們創(chuàng)建的項目里面去安裝依賴旬迹,這里可以用vscode去打開創(chuàng)建的項目火惊,然后在vscode的終端中輸入npm install?

1.npm install ===>表示安裝依賴

第四步,最后在vscode的終端中輸入npm run dev 就可以啟動項目了

注意第一種方式不可以使用嵌套的style樣式

第二種方式

第一步奔垦,先檢查電腦上有沒有安裝node.js屹耐,如果沒有安裝node.js就先去安裝node.js

1.下載地址為:https://nodejs.org/en/

2.檢查是否安裝成功==》 在命令面板輸入node -v進行檢查查詢椿猎,輸出的是node的版本號則表示安裝成功了

3.為了提高運行效率惶岭,還需要安裝一個淘寶鏡像

3.1輸入npm install -g cnpm –registry=https://registry.npm.taobao.org寿弱,就可以安裝淘寶鏡像

第二步,搭建vue項目

1.npm install -g @vue/cli? 全局安裝vue框架

2.npm create project-vue? 項目名稱俗他,這里我的項目名稱是project-vue? ==>?npm create project-vue?

3.輸入完上面的命令后就會出現(xiàn)一下圖片展示的內(nèi)容


4.your connection to the default yarn registry seems to be slow use https://registry.npm.taobao.org for faster installation ===>表示的意思是您到默認紗線注冊表的連接似乎很慢使用淘寶鏡子脖捻,安裝更快,一般輸入yes


5.Please pick a preset 會有三個選項如下圖所示兆衅,我們這里選擇最后一個


6.然后就會得到如下圖所示的樣子,根據(jù)你需要選擇就行嗜浮,空格表示*羡亩,有*的按下空格就會把*取消掉,反之就會選擇*


7.然后按下回車鍵就會得到如下圖所示的樣子


choose a version of vue.js that you want to start the project with ===>是詢問你是選擇2.x還是3.x

use class-style component syntax ===> 是否使用使用類樣式的組件語法 選擇yes

use babel alongside typeScript (required for modern mode, auto-detected polyfills, transpiling JSX) ==>在typeScript旁邊使用babel(對于現(xiàn)代模式危融,自動檢測的polyfills畏铆,編譯JSX都是必需的) 選擇no

use history mode for router (requires proper server setup for index fallback in production) ===>為路由器使用歷史模式(在生產(chǎn)中需要為索引回退設置適當?shù)姆掌? 選擇yes

pick a css pre-processor ===>選擇一個css的預處理器 選擇less?

where do you prefer placing config for babel eslint etc ===>你更喜歡在哪里放置配置Babel eslint等 選擇in package.json

save this as a preset for future projects ===>?將此保存為未來項目的預設值,這里就是設置預設了吉殃,可以選擇將這些配置設置為預設辞居,方便下次快速創(chuàng)建 選擇yes和no都可以

save preset as ===>?保存預置,預設名字? 名字可以自己起蛋勺。這里我起的是的c-vue

pick the package manager to use when installing dependencies ===>?選擇安裝依賴項時要使用的包管理器 這里我選擇的是npm

最后就是用vscode打開項目瓦灶,并在集成終端中去運行并安裝依賴

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者抱完。
  • 序言:七十年代末贼陶,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子巧娱,更是在濱河造成了極大的恐慌碉怔,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件禁添,死亡現(xiàn)場離奇詭異撮胧,居然都是意外死亡,警方通過查閱死者的電腦和手機老翘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門芹啥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人酪捡,你說我怎么就攤上這事叁征。” “怎么了逛薇?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵捺疼,是天一觀的道長。 經(jīng)常有香客問我永罚,道長啤呼,這世上最難降的妖魔是什么卧秘? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮官扣,結(jié)果婚禮上翅敌,老公的妹妹穿的比我還像新娘。我一直安慰自己惕蹄,他們只是感情好蚯涮,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著卖陵,像睡著了一般遭顶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上泪蔫,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天棒旗,我揣著相機與錄音,去河邊找鬼撩荣。 笑死铣揉,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的餐曹。 我是一名探鬼主播逛拱,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼凸主!你這毒婦竟也來了橘券?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤卿吐,失蹤者是張志新(化名)和其女友劉穎旁舰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嗡官,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡箭窜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了衍腥。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片磺樱。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖婆咸,靈堂內(nèi)的尸體忽然破棺而出竹捉,到底是詐尸還是另有隱情,我是刑警寧澤尚骄,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布块差,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏憨闰。R本人自食惡果不足惜状蜗,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鹉动。 院中可真熱鬧轧坎,春花似錦、人聲如沸泽示。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽械筛。三九已至属百,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間变姨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工厌丑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留定欧,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓怒竿,卻偏偏與公主長得像砍鸠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子耕驰,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

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