vue脚手架

vue的优势：
1.webpack构建，并带有合理的默认配置，webpack项目打包方式 编译好的项目源码==》部署刀服务器萨汗国直接使用
2.可以同各国项目内的配置文件进行配置：默认配置文件，通过修改默认配置文件达到自己想要的项目环境
可以通过插件进行扩展
3.vue插件是一个丰富的插件集合，Node.js(tomcat)  Vue VueRouter webpack yarn
4.一套完全的创建和管理Vue.js项目的用户界面
vue脚手架的安装
1.环境准备 安装Node.js{提供npm（node package manager）--node.js的包管理工具命令    依赖管理（想象成maven）}
配置环境变量（计算机上右键属性--->高级属性--->环境变量添加如下配置：NODE_HOME   PATH=××××;%HOME_HOME%bin）
验证一下 node -v
2.安装脚手架
npm可以管路前端主流技术 npm 进行统一管理
maven（阿里云镜像）可以管理java后端的依赖 npm (淘宝镜像)可以管理前端一同的依赖
3.安装vscode
4.安装vue,使用npm安装npm install -g @vue/cli  也可以使用淘宝镜像安装(网上搜索一下)
5.创建文件，进入文件，再创建一个文件，打开终端，cd这个文件，vue create vue01
    ls检查下当前文件有没有东西
    配置npm下载依赖的位置
    window:npm config set cache "D:\nodereps\npm-cache"
    npm config set prefix "D:\nodereps\npm-global"
6.进入vue01 然后使用npm run serve运行
7.asset用来存放静态资源
    components用来书写Vue组件
    router用来配置路由
    App.vue项目中的根组件
    main.js项目中主入口
    static其他静态
    访问项目http://localhost:8081
8.Vue项目开发方式：一切皆组件， 一个组件中js代码 html代码 css样式
    VueCli开发方式是在项目中开发一个一个的组件***.vue开发
    日后在使用vue Cli进行开发时不在书写html，编写的是一个个的组件
    运行时会把.vue编译成可运行的文件