vue脚手架开发

vue脚手架开发

1.环境准备

1.安装nodejs
2.配置nodejs环境变量
3.安装npm
4.可以选择性配置淘宝镜像

2.安装脚手架

1.卸载脚手架
vue uninstall -g vue-cli
2.安装脚手架
vue install -g vue-cli

3.创建项目

1.创建项目
vue init webpack 项目名
2.第一个项目

  hello -->项目名
  build--->用来打包的webpackbuild
  config--->用来做整个项目的配置
  node_modules ---->用来管理项目的依赖
  src----------->用来书写vue的源代码（重点）
  assets------------>用来存放静态资源的（重点）
  components---------->用来书写vue组件（重点）
  router ---------->用来配置项目中的路由（重点）
  App.vue---------->项目中的组件（重点）
  main.js-------->项目的入口（重点）
  static  ------------->其他静态资源
  .gitkeep----->
  test
  .babelrc---------->将es6转化为es5运行
  .editorconfig----->项目编辑配置
  .eslintignore----->
  .eslintrc.js
  .gitignore--->git版本控制文件
  .postcssrc.js
  index.html
  package.json---->类似于pom.xml
  package-lock.json---->对package.json枷锁
README.md------->文档说明