Mac 下搭建vue开发环境

时间:2022-07-24 11:59:07

tips:一定要有*工具如lanter,另外要保证网速OK.

1. 首先需要安装homebrew

liukingdeMBP:~ liuking$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

开始安装

Mac 下搭建vue开发环境

安装成功后

Mac 下搭建vue开发环境

2. 再安装nodejs

liukingdeMBP:~ liuking$ brew install nodejs

Mac 下搭建vue开发环境

3. 再安装npm

这里我是使用淘宝镜像:

liukingdeMBP:~ liuking$ npm install -g cnpm --registry=https://registry.npm.taobao.org

Mac 下搭建vue开发环境
时间可能有点漫长,玩会手机吧。。。

4. 安装webpack

liukingdeMBP:~ liuking$ cnpm install webpack -g
这里注意一下是cnpm,而不是npm

Mac 下搭建vue开发环境

5. 开始创建我们的工程:

先创建一个文件夹在桌面(first)
然后cd 这个文件夹:
liukingdeMBP:~ liuking$ cd /Users/liuking/Desktop/first
再执行
liukingdeMBP:first liuking$ vue init webpack first

Mac 下搭建vue开发环境

6. 执行成功后,再执行

cnpm install 这里一定要注意一下,不是npm install

Mac 下搭建vue开发环境

7. 执行完后,再执行

liukingdeMBP:first liuking$ cnpm run dev

最后大功告成:
Mac 下搭建vue开发环境