js：Vue.js快速原型开发方案@vue/cli模板代码

npm install -g @vue/cli
# 查看版本
vue --version
# 创建项目
vue create hello-world

vue serve

$ tree -I node_modules
.
├── package.json
├── public
└── src
    ├── components
    ├── views
    ├── App.vue
    └── main.js

{
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "element-ui": "^2.15.11",
    "vue": "^2.6.14"
  },
  "devDependencies": {
    "@vue/cli-service": "^5.0.8",
    "vue-template-compiler": "^2.6.14",
    "less": "^4.0.0",
    "less-loader": "^8.0.0"
  }
}

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
new Vue({
  el: '#app',
  render: h => h(App)
})

<template>
  <div class="">
  </div>
</template>
<script>
// created at 2022-12-26
export default {
  name: 'App',
  props: {},
  components: {
  },
  data() { 
    return {
    }
  },
   computed:{
   },
  methods: {
       async getData() {
       }
  },
  created() {
     this.getData();
  }
 }
</script>
<style lang="less">
</style>
<style lang="less" scoped>
</style>

pnpm i

npm run dev