vue在web项目开发、网站的制作，或者是app等都越来越流行，所以有越来越多人学习，下边我简单地介绍了vue的安装配置与编译。
安装node.js
1、先去下载node.js，node.js相当于起到编译器的作用，下载地址：https://nodejs.org/en/download/ ，下载完后进行安装。
2、安装成功后，右键我的电脑进入高级系统设置，并检查nodeJs的环境变量是否添加成功，若添加成功，则可在cmd命令行页面中使用npm命令。
安装Vue-cli
1、Vue的源码有许多的组件库,为了提高安装速度，所以建议切换为淘宝镜像在cmd中输入:npminstall-gcnpm--registry=https://registr烤恤鹇灭y.npm.taobao.org，输入后按回车。
2、若切换了淘宝镜像，则npm命令全部变为cnpm，反之用npm即可。在cmd淘宝镜像模式下输入:cnpminstall-g@vue/cli，输入后按回车。
3、Vue安装成功后,即可使用vue命令创建项目。
创建项目
1、创建项目时，命令行将提示选择配置方式，不选择default，选择自定义配置，方向键选择，回车进入下一步。
2、根据需求选择所需的项目配置。主要选择配置说明如下：Linter/Formatter 不勾选（规范化的前端Vue项目开发需勾选，理由：统一规范，避免格式化的冲突，个人开发不需要，会对代码格式化，和缩进等格式的要求较为严格统一）Router 路由 没有路由就不是单页面的形式 ， 方便做统一判定，权限什么的 vueX 统一状态管理，文件上体现为store目录，用途举例：当操作添加商品页面不小心退出时，需保存即时数据，引入后可调用其方法实现状态保存。使用空格选中或反选 ，个人使用只需勾选 Babel Router和Vuex 选择后回车进入下一步。
3、然后选择 In package.json (配置存储在项目目录下的,packae.json中)，按回车确认。
4、询问时候存储为项目默认配置, 输入N不保存， 若保存则新项目的配置将提示是否沿用默认配置,通常根据每个项目的需求进行配置，按回车后进入等待页面。
运行
1、加载完成后，将提示 1.cd XXX 2.npm run serve。根据其提示输入cd xxx后进入vue剐疫柩缓项目地址后输入第二个命令即可运行项目。 ps：若在淘宝镜像下,改用cnpm run serve。静候几秒，出现该页面即为项目运行成功，可通过http://localhost:8080/访问项目。
2、通过http://localhost:8080/访问项目，项目成功运行之后，即可开始进行编码与调试工作。
3、当项目最终完成后，可通过 npm run build 或淘宝镜像下的 cnpm run build进行编译，编译完成后会生成dist文件目录。
4、dist为系统编译后的文件，注：vue项目中所引入的组件库，仅有用到的会被编译到dist中，因此可直接将dist文件放置服务器环境下运行，只需注意路径等问题即可。