乐趣区

Vuecli-单文件组件

什么是 vue-cli 单文件组件

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

官方网址:http://www.npmjs.com/package/…

主要功能

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

怎么建立

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

初始目录说明:

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