之前我一直为进行vue-cli进行创建模板的问题苦恼，老是报错，后来随意尝试一下，再去尝试居然成功了，现在我把这个方法告诉大家免得走我这样弯路
方法/步骤
1
首先我们还原一下vue-cli构建vue项目整个过程1. npm install -g vue-cli2.vue init webpacke my-project3.1)project name?填你项目的名字( 2）project desc...? 填你描述项目的信息 3）author?作者的名字 4）vue build 按enter键 5）use ESLint...通常填yes 6）setup unit 填no 7）setup e2e 填no4.cd my-project5 npm install6.npm run dev
2
在我们项目my-project的src目录中找到index.js改掉port:8080随便改成一个不常见的端口数字如9090等
3
在我们项目中my-project的src中main.js写入如下代码：import Vue from 'vue'Vue.component('my-header',{ template:'
This is my header
'})new Vue({ el: '#app', template: 'Hello,world{{word}}
', components: { App } data: { word:'hello,world2' }})4selldemo
在项目my-project中找到index.html
上一篇：vuex怎么使用
下一篇：vue的v-if使用