A 创建项目
1vue create app
2选择:babel router(按需选择)
B 重置项目
1app.vue中重置
<template>
<div></div>
</template>
<script>
export default {
}
</script>
<style>
</style>
2router/index.js重置
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
]
const router = new VueRouter({
routes
})
export default router
3删除没用的文件夹(assets components views)
C 搭建项目
1 assets/css/reset.css(重置样式的css样式 )
记得在main.js中引入 import "./assets/css/reset.css";
2 assets/js/rem.js(移动端 可以借助插件(px to rem))
1.vscode安装px to rem
2.打开左下角 设置图标-->设置-->搜索框:px to rem -->看到16 换成100
3. alt+z 实现px 和rem互换<