本文主要是介绍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.路由配置
这篇关于vue vite创建项目步骤的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!