vue vite创建项目步骤

码小瑞2024-08-23 17:23

1. 创建vue项目

node版本需18以上不然报错

javascript 复制代码

npm init vue@latest

2. 项目配置

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

3. 项目目录结构划分

4.css样式的重置

javascript 复制代码

npm install normalize.css

reset.css

javascript 复制代码

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;
}

vue vite创建项目步骤

1. 创建vue项目

2. 项目配置

3. 项目目录结构划分

4.css样式的重置

5.路由配置