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项目长这样: