Vue前端學習筆記-005-跟着教程作個demo

騰訊課堂米斯特吳老師的課程.

1.環境搭建

① 安裝nodejs環境:https://nodejs.org/zh-cn/ 

爲何要裝這個? 由於這個裏面有npm包管理器,使用它的npm命令,能夠很方便的下載各類前端開發用到的開源包(組件/框架),而不須要去關注這些包的更新狀況,使咱們更專一於開發;

② 下載vue-cli腳手架版本,達到3.x以上(不是vue3.x哦) https://cli.vuejs.org/zh/guide/

2.建立項目

① vue create ele-app 選擇 Manually select features -->勾選 babel router vuex

② 選擇history mode 

③ 選擇 In package.json

④ 選擇 不存儲模板

當項目建立好之後,cd elem-app --> npm run serve 就能夠啓動項目了.

(在2.x時候啓動項目用的是npm run dev)

3.在vscode裏編寫代碼

一個乾淨的vue項目長這樣: