（20）打鸡儿教你Vue.js
2019-07-03 本文已影响5人
魔王哪吒
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
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
吹逼交流群
