傻瓜Vue——Macbook Pro 上配置Vue环境

加油加油！如果你感觉你现在很累，那么恭喜你，你现在正在走上坡路！让我们一起加油！

欢迎关注我的讲解视频，让我们一起学习：

Bilibili主页: https://space.bilibili.com/481802918

Vue开发环境基本流程

1. 在Mac上安装brew

brew是Mac下的一个包管理工具，可以在Mac上安装，卸载和更新各种软件包。brew已成为程序员Mac电脑的必备工具

2.安装nodejs

使用brew来安装

brew install nodejs

安装完毕后使用node -v来查看nodejs的版本（npm是随同nodejs一起安装的包管理工具）

但是npm是国外的服务器，速度比较慢，我们可以给他换成淘宝源cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装webpack

cnpm install webpack -g

4.安装vue脚手架

用于创建vue的初始项目

cnpm install vue-cli -g

5.创建Vue项目

到指定目录下创建Vue项目。

#命令格式：vue init webpack 工程名字<工程名字不能用中文>
vue init webpack fuhao7i

注意：elint, unit test, e2e test 选择n其它直接回车即可

6. 运行

在vscode中打开项目；

在终端中输入命令；

npm run dev

7. 设置npm依赖的全局安装位置

注意windows电脑将npm的缓存路径设置到D盘（默认是C盘）。

npm set cache 路径
npm set prefix 路径

将路径添加到环境变量path中

7.搭配Element速成

安装Element

cnpm i element-ui -S