Mac下安装vue环境

mac下安装vue环境

1. 首先我们要安装 node.js 因为vue是依托于node的

这里我演示的node.js官网安装 进去根据自己的需要下载自己的版本即可，下载完后，按照默认步骤安装即可

安装完后我们可以打开终端试着输入如下命令，并且安装完node后其自带的npm也会安装

node --version
npm --version

2. 安装cnpm 代理npm 国内直接使用 npm 的官方镜像是非常慢的，推荐使用淘宝 NPM 镜像：

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

3. 全局安装vue脚手架 这里我推荐安装vue3.0及以上 因为3.0以上会带ui界面

sudo cnpm install -g @vue/cli

4. 安装webpack

cnpm install webpack -g

5. 输入如下命令查看vue和webpack是否安装

vue --version
webpack --version

6. 以上我们就成功安装了vue-cli 创建一个项目试试

vue create projectName
cd projectName
npm run serve

7. 浏览器访问 http:localhost:8080/即可看到自己的vue项目