vue-cli4環境搭建,創建Vue+TypeScript項目

1.操作環境

win10
nodejs-v14.3.0

2.安裝vue-cli4

2.1.安裝node環境

默認安裝 nodejs-v14.3.0.msi
node -v #查看版本號
在這裏插入圖片描述

2.2.安裝yarn環境

npm install -g yarn #全局安裝yarn
yarn -v #查看版本號
在這裏插入圖片描述

2.2.安裝vue-cli4

鼠標右鍵點擊左下角,然後選擇 Windows PowerShell(管理員)
命令行中執行 $ yarn global add @vue/cli
查看版本號 $ vue -v
在這裏插入圖片描述

3.創建TypeScript項目

鼠標右鍵點擊左下角,然後選擇 Windows PowerShell(管理員)
$ vue create hello-word #創建項目,名爲hello-word
如圖,選擇手動選擇功能,然後回車
在這裏插入圖片描述

如圖選中四個工具包 Babel 、TypeScript、 Router 、Vuex
然後 回車…(全是回車)在這裏插入圖片描述

項目創建完成,進入根目錄,執行 yarn serve 啓動服務
在這裏插入圖片描述
在這裏插入圖片描述

服務啓動成功,瀏覽器中訪問項目 http://10.0.1.249:8080/

在這裏插入圖片描述
在這裏插入圖片描述

4.打包

yarn build

《下一篇:打包部署-Docker+Nginx部署Vue》



白嫖不點贊嗎.........

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章