大事件项目01

1、大世界第一步注册登录

2、注册完成之后，我们去完成

3、登录成功之后，有些界面，最重要的是有些图表

4、除了小说之后，还有文章分类这部分

5、我们也可以修改分类

6、文章列表

7、富文本的样式

8、包括文件上传

9、我可以做筛选，包括分页数据的切换

10、包括分页切换

11、这里可以修改基本资料

12、可以上传头像

13、可以重置密码

14、退出登录

15、在这里打开终端

16、创建一个vue-event的项目

17、

17.1 创建自定义预设来创建项目

18、没有保存预设，Create之后选这个

19、创建项目成功

20、我选择了路由，所以自定义的是这一部分

21、下一步

梳理项目结构

为项目开发做准备，把不需要的代码、文件删除掉

1、重置 src/App.vue 组件中的代码

1. <template>
2. <div>App 根组件</div>
3. </template>
4. 
5. <script>
6. export default {
7.   name: 'App'
8. }
9. </script>
10. 
11. <style lang="less" scoped></style>

2、路由里面留一个框

1. import Vue from 'vue'
2. import VueRouter from 'vue-router'
3. 
4. Vue.use(VueRouter)
5. 
6. const routes = []
7. 
8. const router = new VueRouter({
9.   routes
10. })
11. 
12. export default router

3、清空素材图片

4、删掉他

5、路由基础非常熟悉

6、View下面的内容给干掉

7、App的View把这个框给留下来

8、npm run serve启动脚手架

9、import下引入全局样式文件

10、用git add .保存一下

11、使用ESLint，ESLint就是用来检验代码的规范:

12、await 必须用到async修饰的函数内：

13、ESLint的好处，可以检查你代码的规范

14、ESLint可以找一下规则

15、ESLINT加上之后，可以用来判断，红框代表着ESLINT出现了问题

16、能不能在终端中进行一下提示

17、点击小按钮，点击拓展设置

18、右上角这一块可以，打开JSON文件就变成这样了

19、把这两句话加在最外面里

20、现在放上就可以看到错误了

21、连多敲几个回车都不行

* 每一个团队的ESLINT的规则是不一样的

22、你可以在规则上增添ESLINT的规则