vue项目准备

1.vue-cli     创建项目框架
2.删除不需要文件
(1)about.vue
(2)assets/logo.png
(3)components/HellowWord.vue
3.删除配置:router.js里/about路由配置
4.创建src/utils/reset.css ----> 重置样式表
          可以用淘宝或百度的重置样式表,也可以自定义重置样式表。

/*淘宝*/
html {
   overflow-x:auto;
   overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
   font-weight:400;
   margin:0;
   padding:0;
}
h1, h2, h3, h4, h4, h5 {
   margin:0;
   padding:0;
}
body {
   background-color:#FFFFFF;
   color:#666666;
   font-family:Helvetica,Arial,sans-serif;
   font-size:12px;
   padding:0 10px;
   text-align:left;
}
select {
   font-size:12px;
}
table {
   border-collapse:collapse;
}
fieldset, img {
   border:0 none;
}
fieldset {
   margin:0;
   padding:0;
}
fieldset p {
   margin:0;
   padding:0 0 0 8px;
}
legend {
   display:none;
}
address, caption, em, strong, th, i {
   font-style:normal;
   font-weight:400;
}
table caption {
   margin-left:-1px;
}
hr {
   border-bottom:1px solid #FFFFFF;
   border-top:1px solid #E4E4E4;
   border-width:1px 0;
   clear:both;
   height:2px;
   margin:5px 0;
   overflow:hidden;
}
ol, ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
caption, th {
   text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
   content:””;
}
/*百度*/
body {
   font-family:arial,helvetica,sans-serif;
   font-size:13px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:1.4;
   text-align:center;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
   margin:0;
   padding:0;
}
h1, h2, h3, h4, h5, h6 {
   font-size:100%;
   font-weight:normal;
}
table {
   font-size:inherit;
}
input, select {
   font-family:arial,helvetica,clean,sans-serif;
   font-size:100%;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
}
button {
   overflow:visible;
}
th, em, strong, b, address, cite {
   font-style:normal;
   font-weight:normal;
}
li {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
img, fieldset {
   border:0 none;
}
ins {
   text-decoration:none;
}

5.添加配置文件
.browserslistrc、.eslintrc.js、babel.config.js、package-lock.json、package.json、vue.config.js、.env.development(开发环境)、.env.prodction(正式环境)、自定义环境
注意:1.配置文件里会存在一些必须下载的依赖包。必须安装依赖包。
           2. package-lock.json、package.json是必须的文件,其他的可以根据情况自由决定。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值