1.在gitHub创建 库 链接起来
2.执行 git clone https://github.com/Aess-Zhou/xiaomagowuche.git(库的网站 在项目把src这些复制在库里面) git status查看是否有效
3.执行 git add .
4.git commit -m '初始化项目' (提交到本地)
5. git commit -m '初始化'
git remote add origin https://github.com/Aess-Zhou/xiaomagowuche1.git
git push -u origin main
6.在github里面下载引入normalize.css
7.引用base.css
@import "./normalize.css";
/*:root -> 获取根元素html*/
:root {
--color-text: #666;
--color-high-text: #ff5777;
--color-tint: #ff8198;
--color-background: #fff;
--font-size: 14px;
--line-height: 1.5;
}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
user-select: none; /* 禁止用户鼠标在页面上选中文字/图片等 */
-webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎,tap点击,highlight背景高亮,color颜色,颜色用数值调节 */
background: var(--color-background);
color: var(--color-text);
/* rem vw/vh */
width: 100vw;
}
a {
color: var(--color-text);
text-decoration: none;
}
.clear-fix::after {
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.clear-fix {
zoom: 1;
}
.left {
float: left;
}
.right {
float: right;
}
7.配置别名(在vue项目目录下创建一个js配置)
modeule.exports = {
configureWebpack: {
alias: {
'assets': '@/assets',
'components': '@/components',
'common': '@/common',
'network': '@/network',
'views': '@/views',
}
}
}
8.在vue目录下 导入.editorconfig 文件
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true