@vue/cli脚手架

@vue/cli的好处

• 开箱即用

  0配置webpack

  babel支持

  css, less支持

  开发服务器支持

@vue/cli安装

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

yarn global add @vue/cli
# OR
npm install -g @vue/cli 

@vue/cli 创建项目启动服务

 目标: 使用vue命令, 创建脚手架项目

# vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo

@vue/cli 自定义配置

src并列处新建vue.config.js  

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

关闭eslint检查代码