您的位置:首页 > 房产 > 建筑 > vue vite创建项目步骤

vue vite创建项目步骤

2025/5/23 11:48:46 来源:https://blog.csdn.net/qq_40287084/article/details/141422046  浏览:    关键词:vue vite创建项目步骤

1. 创建vue项目

node版本需18以上 不然报错

npm init vue@latest

2. 项目配置

  • 配置项目的icon
  • 配置项目的标题
  • 配置jsconfig.json

3. 项目目录结构划分

在这里插入图片描述
在这里插入图片描述

4.css样式的重置

npm install normalize.css

在这里插入图片描述
在这里插入图片描述

reset.css

html {line-height: 1.2;
}body,
h1,
h2,
h3,
h4,
ul,
li {padding: 0;margin: 0;
}ul,
li {list-style: none;
}a {text-decoration: none;color: #333;
}img {vertical-align: top;
}

5.路由配置

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com