Vue安裝教程

開發(fā)工具

推薦使用 VS Code 當(dāng)然WebStorm也可以
https://code.visualstudio.com/

命令行工具

cmder
https://cmder.net/

git管理工具

https://www.sourcetreeapp.com/

一.安裝node.js

https://nodejs.org/zh-cn/

二.切換npm鏡像

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

三.vue-cli腳手架

cnpm install --global vue-cli
vue init webpack my-project

四.啟動vue

切換到安裝好的對于目錄 執(zhí)行下面命令啟動vue
npm run serve

PS:具體操作步驟及腳手架新建項目時的操作詳情參考下面文檔中的npm安裝方式
https://www.runoob.com/vue2/vue-install.html

五.vue基礎(chǔ)語法學(xué)習(xí)視頻推薦

https://www.bilibili.com/video/BV15741177Eh?from=search&seid=13181258168409976714

六.項目演示代碼

https://github.com/yizhengwei/vue-demo.git

1.git clone代碼到本地 或者直接下載zip包
git clone https://github.com/yizhengwei/vue-demo.git
2.npm install編譯

切換到對應(yīng)目錄


image.png
3.npm run serve
image.png
4.啟動

http://localhost:8080/#/demo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容