vue脚手架搭建/idea执行vue项目全过程

*{
    box-sizing: border-box;
}
body{
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
 
Vue.use(VueRouter)
 
const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
 
]
 
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
 
export default router

import Vue from 'vue'
import App from './App.vue'
import router from './router'
 
import '@/assets/css/global.css'
 
Vue.config.productionTip = false
 
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

<template>
  <div >
   主页
  </div>
</template>
 
<script>
 
export default {
  name: 'HomeView',
 
}
</script>

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
 
  //修改端口号
  /*devServer:{
    port:7000
  },*/
 
  //修改标题
  chainWebpack:config => {
    config.plugin('html')
        .tap(args => {
          args[0].title ="huhu";
          return args;
        })
  }
 
 
})