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------->文档说明