搭建vue环境【Mac】学习笔记

1. node环境
   在https://nodejs.org/zh-cn/ 官网可以下载安装包，下一步一直安装即可。
   安装后，测试命令：
   node -v
npm -v

2. 安装vue环境
   ** 安装淘宝镜像【可选】
   sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

   2.1 安装vue-cli脚手架构建工具
   sudo npm install vue-cli -g

vue -V (V是大写哦~)

3. 创建项目
   a. 创建基于 webpack 模板的项目
   在项目文件夹，右键，服务–打开终端。
   vue init webpack vuedemo [vuedemo 是项目名]

**初始化项目时，需要填写一些项目信息，不想填的可以直接回车。
前三行分别是项目名、项目描述、作者；
vue build : 选 Runtime + Compiler: recommended for most users 运行加编译(推荐大部分人使用);
Install vue-router : Y
ESLint : js语法规则和代码风格的检查工具,
unit tests : 单元测试工具
e2e : 端到端测试工具

b. 安装项目所需依赖
进入项目文件 cd vuedemo
npm install
如下图既是成功：

** 我本地测试，没有使用第二步的npm install 直接到第三步也是没有报错，正常打开页面的，但网上的教程似乎都有这一步。

c. 运行
npm run dev
如果成功如下图：

打开浏览器输入网址：