（20）打鸡儿教你Vue.js

vue-cli

快速创建工程，工程化项目目录

image.png

image.png

image.png

image.png

image.png

npm uninstall -g vue-cli

npm install -g @vue/cli

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

https://www.bootcdn.cn/

https://www.bootcdn.cn/vue/

image.png

image.png

  <body>
    <noscript>
      <strong>We're sorry but hello-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

创建工程的两种方法

vue create

vue ui

组件目录结构

请点赞！因为你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群

posted @ 2019-07-03 14:52  达达前端  阅读(198)  评论(0)  编辑  收藏  举报