005 目录结构划分、CSS样式的重置、router路由配置

一、项目目录结构划分

1、删除没有用的，改成这个

 左边这两个文件夹里面的都删除，这里也改成这个

 然后新建一些文件夹

 

 

二、CSS 样式的重置

对默认CSS样式经行重置：

normalize.css

reset.css

npm install normalize.css

 　　这是一条在命令行中执行的npm命令，作用是安装 `normalize.css` 这个CSS样式文件。`normalize.css` 是一个小型的CSS文件，它使不同的浏览器在渲染网页元素时具有更一致的默认样式，能帮助开发者更轻松地进行网页样式初始化，减少不同浏览器间的样式差异。 执行此命令前需确保已安装Node.js和npm 。

 

这里写这个

 

在这里新建文件

common.less  放一些公共的css属性

index.less  统一的出口

reset.less   这个里面放的重置

 这两页面这样写

 

 安装 npm install less -D

 安装完成

 

三、全家桶-路由配置 

安装 npm install vue-router 

 安装完成

 

新建文件index.ts

 这里这样写

 

 

 

 

 

 

 

新建这些

 这里这样写

 这里这样写然后复制

 

粘贴到这里：然后把login改成${1:home}

接下来我我们把生成的代码片段复制一下，点文件下面的这个位置 

 新建一个代码片段，粘贴过来

这里可以看到输入ts出来的第一个就是我们的代码片段了

 

 这个页面这样写

 

然后写这个页面

 

 最后写这里测试一下

 

可以看到

 

 新建这两个文件夹，这个页面这样写

 这个页面这样写

 这个页面修改一下