vue 項目實戰 (入門)


 

 

環境搭建

安裝NodeJS →箭頭 https://nodejs.org/en/

NPM是隨同NodeJS一起安裝的包管理工具。

檢查環境是否安裝成功:

打開一個命令提示符,有成功輸出版本號則為安裝成功。

//檢查node 版本號
node -v 

//
檢查npm版本號
npm -v 

安裝vue

npm install vue -g
npm install -g @vue/cli

新建項目

vue create vuedemo

選擇第一個就是默認配置了babel 跟eslint 一般選擇第二個

 選擇相應的比如說路由啊 vuex 啊 這些基本的配置,鍵盤上下鍵移動選擇則按空格鍵選中,確認則回車

安裝哪一種 CSS 預處理語言

選擇哪個自動化代碼格式化檢測,因為我是用vscode編輯器的選擇了最后一個

詢問是否要保存配置,下次新建項目就不需要再次選擇了 

babel,postcss,eslint這些配置文件放哪

1.放獨立文件放置 2.放package.json里

根據我們剛才所選擇的配置 就開始安裝相關的依賴和包了

 

運行項目

cd vuedemo
npm run serve

跑起來后瀏覽器打開

 

好了,就這樣基本上這樣你就跑起來一個vue 項目了

 

 

 

此隨筆乃本人學習工作記錄,如有疑問歡迎在下面評論,轉載請標明出處。

如果對您有幫助請動動鼠標右下方給我來個贊,您的支持是我最大的動力。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM