一捌议、準(zhǔn)備工作
1哼拔、安裝node
2、安裝webpack
二瓣颅、項目創(chuàng)建步驟
1管挟、去F盤新建一個文件夾,取名叫myproject弄捕。打開VScode僻孝,將文件夾添加到工作區(qū)。右鍵單擊守谓,選擇在終端中打開該文件夾穿铆。
2、安裝腳手架斋荞。在終端中輸入npm install? vue-cli荞雏,回車。
安裝完成之后輸入 vue -V(注意這里是大寫的“V”)平酿,如果出現(xiàn)相應(yīng)的版本號凤优,則說明安裝成功。
3蜈彼、新建一個項目筑辨。輸入vue init webpack demo1,?demo1就是你的項目名稱幸逆,回車棍辕。
在安裝時會詢問你:
①Project name (demo1);【輸入項目名稱还绘,回車】
② Project description (A Vue.js project)楚昭;【輸入項目描述,回車】
③Author (wuhualou)拍顷;作者(wuhualou)抚太。【輸入作者名字昔案,回車】
④Vue build (Use arrow keys)>
Runtime + Compiler: recommended for most users(運(yùn)行時+編譯器:大多數(shù)用戶推薦)
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere尿贫;(只運(yùn)行大約6KB比較輕量的壓縮文件,但只允許模板(或任何VUE特定HTML).vue文件需要在其他地方呈現(xiàn)函數(shù)爱沟。)
【不知道啥意思帅霜,回車】
====下面的都是問答Yes匆背、No的方式===
⑤Install vue-router? (Y/n)呼伸;【問你是否安裝的路由?可安可不安,以后也可以再安括享,輸入Y搂根,回車】
⑥Use ESLint to lint your code? (Y/n);【使用ESlint語法铃辖?不了解ESLint語法剩愧,N,回車】
⑦Setup unit tests with Karma + Mocha? (Y/n)娇斩;【設(shè)置單元測試仁卷?不設(shè)置,N犬第,回車】
⑧Setup e2e tests with Nightwatch? (Y/n)锦积;【Nightwatch建立端到端的測試?不建立歉嗓,N丰介,回車】
⑨Should we run `npm install` for you after the project has been created? (recommended) npm【使用npm來創(chuàng)建項目?上下鍵選第一項npm鉴分,回車】
項目創(chuàng)建成功哮幢,提示你運(yùn)行項目的命令是 npm run dev
4、進(jìn)入項目? cd demo1志珍。輸入npm run dev橙垢,回車。
5伦糯、在瀏覽器打開?http://localhost:8081钢悲,就可以看到歡迎頁了~
有錯誤請指出!
求贊~