Mac 下Vue开发环境的搭建以及项目初始化建立

参考链接：

1、https://www.jb51.net/article/138083.htm
2、https://www.jb51.net/article/138082.htm

主要三大步：1、nodejs、npm和cnpm的安装
2、新建vue项目
3、安装开发环境webStorm

————————-神秘的分割线——————————

一、nodejs、npm和cnpm的安装

1、首先是打开node官网https://nodejs.org/en/#download
下载LTS版本，一路傻瓜式安装，打开Mac下的终端输入：node -v 会出现版本号就说明成功了。

2、在终端输入npm -v 出现版本号就安装成功了npm

3、npm安装一些东西还是太慢了所以呢建议大家安装cnpm可以加快你安装软件的速度下面就是要安装cnpm的步骤：
sudo npm install -g cnpm –registry=https://registry.npm.taobao.org –verbose
上面的这一行使用的淘宝镜像来进行安装cnpm如果出现安装完成后输入cnpm -v 出现以下内容就说明成功了。
ps:以后使用npm的地方可以用cnpm替换

4、安装库：

sudo cnpm install -g vue-cli

(-g是全局安装的意思)

命令行输入vue,出现能够识别Vue的界面，Vue就安装成功了

二、开始新建Vue项目

1、 新建一个文件夹：webStormProject:

mkdir  webStormProject

2、进入 文件夹：

cd webStormProject/

3、新建项目：

vue init webpack  test01

test01是项目名称

之后是填写一些关于项目名称和是否导入测试的选项，
到最后 一项选择
? Should we run npm install for you after the project has been created? (recom
mended) (Use arrow keys)
❯ Yes, use NPM
Yes, use Yarn
No, I will handle that myself

我们选择NO，自己处理（因为用Npm 速度比较慢）

4、进入目录，很关键，别忘了

cd test01 

5、命令行执行

sudo cnpm install

6、启动项目：

sudo cnpm run dev

浏览器可以访问了

第三：安装webstrom 开发工具：官网下载傻瓜式子安装