Mac 下搭建vue开发环境

来源:互联网 发布:常青藤软件cad2014 编辑:程序博客网 时间:2024/05/21 12:47

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

1. 首先需要安装homebrew

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

开始安装

这里写图片描述

安装成功后

这里写图片描述

2. 再安装nodejs

liukingdeMBP:~ liuking$ brew install nodejs

这里写图片描述

3. 再安装npm

这里我是使用淘宝镜像:

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

这里写图片描述
时间可能有点漫长,玩会手机吧。。。

4. 安装webpack

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

这里写图片描述

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

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

这里写图片描述

6. 执行成功后,再执行

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

这里写图片描述

7. 执行完后,再执行

liukingdeMBP:first liuking$ cnpm run dev

最后大功告成:
这里写图片描述

0 0
原创粉丝点击