一、axios下载引入
cnpm i axios --save
import axios from "axios"; Vue.prototype.$axios = axios;
二、ElementUI下载
vue2
cnpm i element-ui --save
import ElementUI from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(ElementUI);
vue3
npm i element-plus --save import ElementPlus from 'element-plus' import 'element-plus/dist/index.css'
三、vant下载
vue3 cnpm i vant@next --save
import Vant from "vant"; import "vant/lib/index.css"; createApp(App).use(store).use(router).use(Vant).mount('#app')
vue2 cnpm i vant --save
import Vant from "vant"; import "vant/lib/index.css"; Vue.use(Vant);
四、本地存储
cnpm i vuex-persist --save 在store里引入 import vuexPersist from "vuex-persist";
plugins: [ new vuexPersist({ storage: window.localStorage, }).plugin, ],
五、rem转化
1)安装三个插件
-
这我们使用自动将 px 单位转化为 rem 单位的插件
-
安装命令 npm install postcss --save-dev npm install postcss-pxtorem@5.1.1 --save-dev 可以将 px 单位自动转化为 rem 单位 注:--save-dev 是安装在开发环境下 项目打包的时候 不会被打包进dist文件夹 --save 的意思是安装在 生产环境下 项目打包的时候 会被打包进 dist文件夹
-
还需要安装 npm i amfe-flexible --save 安装引入后 单位转化才可以使用 要安装三个东西 px才能自动的转化为 rem 这些工具帮助我们自动的实现移动端 的 适配
-
-
在 main.js 中引入 amfe-flexible
-
import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; import store from "./store"; import "amfe-flexible"; //rem转化的工具 createApp(App).use(store).use(router).use(Vant).mount("#app");
3)
-
在项目根目录下创建一个 postcss.config.js
// 该文件项目启动后会自动运行 // postcss.config.js module.exports = { plugins: { // postcss-pxtorem 插件的版本需要 >= 5.0.0 "postcss-pxtorem": { rootValue({ file }) { // 判断是否是vant的文件 如果是就使用 37.5为根节点字体大小 // 否则使用75 因为vant使用的设计标准为375 但是市场现在的主流设置尺寸是750 return file.indexOf("vant") !== -1 ? 37.5 : 75; }, // 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化 propList: ["*"], }, }, };
-
-
六、 安装git
百度 搜索 git 代开git官网 下载 -- 一路回车安装 桌面点击右键 -- git bash
-
注册gi te e并且新建仓库
百度 打开 码云 注册 ---- 进入 码云 新建远程仓库: 右上角 + ,新建仓库
-
克隆 远程仓库到本地
桌面新建文件夹,文件夹内 右键 git bash git clone '远程仓库地址' 例如: git clone https://gitee.com/courseP7/asdv.git
-
本地到远程 *
1. git add . 将本地的暂存 2. git commit -m "描述信息" git config --global user.email "你的邮箱" git config --global user.name "你的名字" 3. git push
七、css的引入方式有哪些?
行内样式表(行内式) 格式:<p style=""></p> 内部样式表(内嵌式) 格式:<style> p { color: red; } </style> 外部样式表(外链式) 格式:<link rel="stylesheet" href="" /> 导入样式表(导入式) 格式:@import url("")
八、选择器的分类及优先级?
基础选择器:全局选择器(通配符选择器)、标签选择器、id选择器、类选择器 复合选择器:链接伪类选择器 Css选择器优先级。 ID选择器 > 类选择器 > 标签选择器 > 全局选择器
九、长度单位px和em的区别?
都是相对长度单位,但
px,是相对于显示器的屏幕分辨率而言的 em,是相对于当前对象内文本的字体尺寸。1em就是一个字的大小。
十、文字样式属性有哪些?
font-size 文字大小
font-family 文字的字体 font-weight 文字粗细 font-style 文字样式(倾斜) color 文字颜色
十一、英文字母大小写转换?
text-transform: capitalize; /* 首字母大写 */
text-transform: lowercase; /* 全部小写 / text-transform: uppercase; / 全部大写 */
十二、文字的装饰效果及属性?
text-decoration属性 属性值:none(默认)/overline(上划线)/l