傻瓜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速成