Mac系统安装Node&Npm&Vue-Cli&创建项目

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

方式二：官网安装