Vue与Node的关系
概述
使用vue.js一定要安装node.js么？准确的说是使用vue-cli搭建项目的时候需要node.js。也可以创建一个.html文件，然后通过如下方式引入Vue，一样可以使用Vue
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
但是使用node是比较方便的，打包部署，解析vue单文件组成，解析每个vue模块，拼在一起等，启动测试服务器localhost，帮你管理vue-router，vue-resource这些插件。所以通常情况下我们会使用vue+node方式，方便省事
Vue推荐开发环境
Node.js：也是js 就是运行在服务端的JavaScript ；Node能做的java也能做 相反也一样
Npm：Node下的包管理器。就像Maven包管理仓库 （我们都会更换为淘宝镜像）
Vue-cli：用户生成Vue的工程模块，Vue提供了官方的Cli，为单页面应用（SPA）快速搭建繁杂的脚手架
Node环境安装
Node安装
方式一：终端命令
brew install nodejs brew install npm
方式二：官网安装
网址：http://nodejs.cn/download/ ；下一步安装即可
Node验证
验证node和npm是否安装成功；显示版本号为成功
node -v
npm -v
切换npm镜像源
以后端的角度来说，后端基本是maven来管理包，在下载依赖包是从国外的仓库去下载，这样很慢，往往是maven源改为国内网址，相信大家都是这样做的，还有就是Benin私服Nesux
国内直接使用npm的官方镜像是非常慢的，推荐使用淘宝NPM镜像
使用淘宝定制的cnpm命令行工具代替默认的npm：（需要管理员权限 sudo）
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
切换好后关于npm命令的下载全部改为cnpm
Vue安装及目录讲解
Vue-Cli安装
方式一：文件引入
html直接引入vue.js文件；但其实这样做比较费时，而且你在需要其他的依赖时也需要引入js文件，这些操作都是可以通过npm来帮你解决的
方式二：终端安装
npm install vue（可以不用）
安装Vue-cli脚手架（管理员权限安装）
sudo cnpm install -g @vue/cli
sudo cnpm install -g @vue/cli-init
Vue验证
下方显示Run vue表示安装成功
vue -v
Vue-Cli创建项目
终端进入到一个你喜欢的目录下 我们开始创建vue项目
Step1：创建
vue create 项目名
提示处输入y回车
会提示你选择一个预设 1、2、3选项 直接回车即可
Stpe2：启动vue项目
进入到创建的vue项目目录下输入命令
npm run serve
Step3：访问
localhost：端口
Vue目录结构
