vue脚手架及简单vue指令

1.vue脚手架vue/cli

1.0全局安装脚手架

yarn global add @vue/cli or npm i -g @vue/cli

1.1初始化脚手架，生成脚手架文件

vue create 文件名

1.2启动内置的热更新本地服务器

yarn serve or npm run serve

1.3vue/cli自定义配置

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

1.4eslint了解

默认代码要求非常严谨，需要在module.exports里配置一下属性

lintOnSave:false

1.5vue/cli单vue文件讲解

Vue推荐采用.vue文件来开发项目

template里只能有一个根标签

vue文件-独立模块-作用域互不影响

style配合scoped属性, 保证样式只针对当前template内标签生效

vue文件配合webpack, 把他们打包起来插入到index.html

2.vue指令

2.0 MVVM模型