vue项目准备

准备环境

1,.安装node.js,使用npm安装vue脚手架（如果访问外网比较慢，可以用淘宝镜像。打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org，安装成功之后，就可以用 cnpm 替代 npm）。
2.安装vue-cli
npm install -g vue-cli / cnpm i -g vue-cli
安装结束后，使用vue -v查看vue的版本。
3.使用vue脚手架创建项目
在项目文件夹中打开cmd
使用脚手架安装项目： vue init webpack demo 项目是基于webpack的
Project name（工程名）:回车
Project description（工程介绍）：回车
Author：作者名
Vue build（是否安装编译器）:回车
Install vue-router（是否安装Vue路由）：回车
Use ESLint to lint your code（是否使用ESLint检查js代码）：n
Set up unit tests（安装单元测试工具）：n
Setup e2e tests with Nightwatch（是否安装端到端测试工具）：n
Should we run npm install for you after the project has been created? (recommended)：回车。

4.启动项目
进入项目目录：cd webapp
启动项目：npm run dev
启动成功后，浏览器地址栏输入 localhost:8080，即可看到vue项目。
5.文件结构

6.打包文件
终端运行命令 npm run build,项目文件夹下会出现dist文件，将dist文件夹放到后台指定文件夹中。