vue的使用

vue调试助手

在谷歌扩展中安装 vue-devtools

vue插件

在vue文件代码高亮插件 vetur

vue/cli脚手架

目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程

yarn global add @vue/cli
或
npm install -g @vue/cli

vue -V 查看脚手架版本号

vue create 项目名  创建项目
// 项目名不能带大写字母, 中文和特殊符号
cd 项目名
npm run serve

@vue/cli 自定义配置

src并列处新建vue.config.js

   /* 覆盖webpack的配置 */
 module.exports = {
  devServer: { // 自定义服务配置
  open: true, // 自动打开浏览器
  port: 3000
  }
 }