当前位置: 首页 > news >正文

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.路由配置

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 推荐系统实战(四)精排-交叉结构
  • 【第55课】XSS防御HttpOnlyCSP靶场工具等
  • 如何使用ssm实现游戏攻略网站的设计与实现+vue
  • 测试员阿聪的破局之路:从迷茫到帝都站稳脚跟,大佬亲授良方
  • 想学网络,为什么要先学数通?
  • 【图机器学习系列】(二)从传统机器学习角度理解图(一)
  • 正交试验法(或PICT)来设计测试用例
  • 如何使用ssm实现在线云音乐系统的设计与实现
  • 探索提示工程 Prompt Engineering的奥妙
  • 通过 OpenAI Embedding 接口计算相似度
  • 四川财谷通,信息科技引领者!
  • GAMES101——作业5 光线与三角形相交(菲涅尔反射率)
  • Java笔试面试题AI答之线程(11)
  • 解决 Navicat 删除唯一键(unique)后保存失败的问题:1-near “)“:syntax error
  • arthas源码刨析:arthas 命令粗谈(3)
  • python3.6+scrapy+mysql 爬虫实战
  • angular2开源库收集
  • C语言笔记(第一章:C语言编程)
  • fetch 从初识到应用
  • GraphQL学习过程应该是这样的
  • Java的Interrupt与线程中断
  • Java精华积累:初学者都应该搞懂的问题
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • swift基础之_对象 实例方法 对象方法。
  • tensorflow学习笔记3——MNIST应用篇
  • Wamp集成环境 添加PHP的新版本
  • 大型网站性能监测、分析与优化常见问题QA
  • 仿天猫超市收藏抛物线动画工具库
  • 给初学者:JavaScript 中数组操作注意点
  • 马上搞懂 GeoJSON
  • 每天10道Java面试题,跟我走,offer有!
  • 模型微调
  • 试着探索高并发下的系统架构面貌
  • 学习HTTP相关知识笔记
  • 原生JS动态加载JS、CSS文件及代码脚本
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • ## 1.3.Git命令
  • #define用法
  • #我与Java虚拟机的故事#连载13:有这本书就够了
  • (2015)JS ES6 必知的十个 特性
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (C)一些题4
  • (过滤器)Filter和(监听器)listener
  • (区间dp) (经典例题) 石子合并
  • (四)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (算法)大数的进制转换
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • (循环依赖问题)学习spring的第九天
  • (一)RocketMQ初步认识
  • (原)本想说脏话,奈何已放下
  • .[hudsonL@cock.li].mkp勒索加密数据库完美恢复---惜分飞
  • .NET CLR基本术语
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .net core 外观者设计模式 实现,多种支付选择