Vue-cli 单文件组件

什么是vue-cli单文件组件

vue-cli 是官方提供的一个脚手架工具，它可以快速的生成vue的项目模板。

官方网址：http://www.npmjs.com/package/vue-cli

主要功能

• 提供了一个规范的目录结构
• 本地调试
• 代码部署
• 热加载
• 单元测试

怎么建立

npm install vue-cli
npm init webpack
npm install
npm run dev

初始目录说明：

x11.png

• build，项目webpack相关配置文件
• config，vue基本（本地与线上环境）配置文件（可以配置监听端口，打包输出等）
• node_modules，扩展依赖文件（依赖包）
• src，开发目录，项目核心文件
• static，静态资源目录（一般放图片类资源
• .babelrc，babel编译参数
• .editorconfig，代码格式
• .gitignore，git上传需要忽略的文件配置
• .postcssrc.js，转换css的工具
• index.html，主页
• package.json，项目基本信息（在创建vue-cli项目后自动生成）
• README.md，项目说明

更多学习参考：https://www.9xkd.com/site/search.html?key=vue