Vue 的环境搭建
我们首先要安装好 NVM、Node.js环境，然后再来做下面的操作。
常见的插件
-
Webpack：代码模块化构建打包工具。
-
Gulp：基于流的自动化构建工具。
-
Grunt ：JS 世界的构建工具。
-
Babel：使用最新的 规范来编写 js。
-
Vue：构建数据驱动的Web界面的渐进式框架
-
Express：基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
以上这些包，都可以通过 NPM 这个包管理工具来安装。
引用 Vue.js 文件
1、方式一：（引用的方式）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
</head>
<body>
</body>
</html>
2、方式二：（下载 vue.js 文件）
去网站https://cdn.jsdelivr.net/npm/vue/下载 vue.js 文件，直接放到工程文件里，然后引用。
3、方式三：（npm安装vue）
最新稳定版
$ npm install vue
如果网络不稳定，可以采用下面的方式安装：
$ cnpm i vue --save
vue.js 的安装目录：
安装 vue-cli（命令行工具）
Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
安装命令如下：
# 全局安装 vue-cli
$ npm install -g vue-cli
- 卸载
npm cache clean --force - errno -5错误为I/O error，也就是说可能是网络原因造成的。所以可以使用淘宝的镜像库。
- 安装依赖总是报错安装不上，但是在 https://www.npmjs.com/里有最新发布的版本，最终发现是npm的问题：
解决方案：全局更新 npm install npm -g 或者用淘宝镜像命令 cnpm install npm -g
以下代码来自官网，仅供阅读：
# 创建一个基于 webpack 模板的简单的新项目【荐】
$ vue init webpack-simple demo01
# 创建一个基于 webpack 模板的完整的新项目
$ vue init webpack demo02
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev
利用 vue-cli 新建一个空的项目
构建一个 simple 项目
利用 vue-cli 来构建一个 SPA 应用：
已经安装了vue-cli , vue-cli 是在全局下的, 在任意文件夹打开cmd 创建项目
（1）首先执行：
$ vue init webpack-simple VueDemo01
然后根据提示输入 project name（要求小写），description 默认即可：
上方截图中，npm install指的是下载各种依赖包，npm run dev指的是打开发包，npm run build指的是打生产包。
-
src：项目源码
-
.babelrc：ES6编译插件的配置
-
index.html：单页面的入口
2）Mac环境，安装各种依赖包，执行如下命令：
cd /地址/VueDemo01
cnpm install
备注：我们在 GitHub上下载的任何Vue有关的项目，第一步都是要首先执行 cnpm install。
（3）让项目跑起来：
cnpm run dev
来源：CSDN
作者：BruceWu_
链接：https://blog.csdn.net/qq_44317018/article/details/104165353