安裝Vue CLI
使用npm在全域下安裝vue cli
輸入以下指令即可:
npm install -g @vue/cli
等待幾分鐘后,然后接著輸入以下指令,來檢查cli 的版本
vue --version
快速開發
(筆者以下用的編輯器是vs code,其他編輯器類似)
1.隨便在桌面上新建一個檔案夾,并命名(test),將他拖到vs code中打開,

2.滑鼠移動到test檔案夾上,右邊點擊新建檔案夾,并命名(demo),

3.滑鼠移動到demo檔案夾處,滑鼠右鍵點擊,再點擊在終端打開,

4.在底下輸入
vue create testapp
//testapp是檔案夾名,可以隨意命名

5.按鍵盤下鍵,移動選項箭頭到最后一項,Manually select features,手動配置

6.接下來選擇默認的就行,直接敲擊回車,
7.到這里,選擇第二個是將所有的組態檔都放在package.json中,我們可以選擇第二個,根據個人自己的選擇,

8.這里是問,是否需要保存剛剛創建vue專案的操作,方便下次直接使用,我們可以選擇yes,然后輸入你想要保存的操作名稱,

9.專案創建完成后,依次輸入終端提供的兩個指令
(筆者最后一行輸入有誤,應該是npm run serve,中間都應該有空格的)

10.專案可以正常運行了,得到了專案的運行網址

打包封裝
再次右擊testapp檔案,點擊在終端打開
輸入npm run build

就可以得到了整個專案打包后,生成可以部署在服務器上的代碼檔案(經過整理壓縮的)

教程制作不易,請朋友們點贊關注支持一下~~~
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/238613.html
標籤:區塊鏈
上一篇:精通位元幣(三)密鑰、地址
