Vue Cli 脚手架
1.脚手架是通过webpack搭建的开发环境
2.使用es6语法--项目打包时将es6转换成es5
3.打包和压缩JS为一个文件
4.项目文件在环境中编译,而不是浏览器
5.实现页面自动刷新
准备工作
1.node -v 查看node版本号(6.9以上)
2.npm -v 查看npm版本号(3.10以上)
安装
1.安装全局cli :npm install -g @vue/cli
2.查看vue 版本号: vue --version
3.创建项目:vue create 项目名
4.运行vue项目:npm run serve
5.安装路由:npm install vue-router --save-dev
5.构建项目: npm run build
目录
src
--assets 可以存放对应图片
--compinents 可以存放对应组
件
--App.vue 根组件
--main.js 根组件
运行顺序
index.html ---> main.js ---> app.vue