vue-cli3+笔记

如果之前用的是老的vue-cli,可以先卸载原先的vue-cli

npm uninstall vue-cli -g

然后安装新的vue-cli

npm install -g @vue/cli

然后检查一下是否为3版本以上的vue-cli

vue --version

快速原型开发

你可以使用 vue serve 和 vue build 命令对单个.vue文件进行快速开发,需要一个额外的全局扩展

npm install -g @vue/cli-service-global

简历一个文件夹,简历一个App.vue文件

<template>
  <h1>Hello!</h1>
</template>

然后运行vue serve

vue serve会自动推导入口文件,如main.js  、index.js、app.js、App.js的其中一个

也可以显式的指定入口文件

vue serve MyComponent.vue

创建一个项目

 

vue create hello-world

 

然后略。。。看下篇博客

 

 

 

上一篇:Vue-cli3与springboot项目整合打包


下一篇:vue cli3 获取本地json数据的方式