vue开发环境搭建Mac版

2,793 阅读1分钟

如果刚接触vue,mac系统,不妨留下一看

以下是mac开发中涉及的工具和软件

本人使用的各个工具的版本为:
Homebrew 1.2.4
node.js v6.11.1
npm 5.0.3
webpack 3.2.0
Vue 2.8.2

1、安装brew
打开终端运行以下命令:

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

安装完成后查看版本信息

brew -v

2.安装node.js

下载地址:nodejs.org/en/download…

安装后查看版本信息

node -v

3.获得node安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

4.安装淘宝镜像

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

5.安装webback

cnpm install webpack -g

6.安装vue脚手架

cnpm install vue-cli -g

7.找一个存放项目的目录,根据模板创建项目

vue init webpack-simple 工程名字<工程名字不能用中文>
如下
vue init webpack-simple demo1

碰到的提示可以直接回车默认

8.进入工程,安装依赖

cnpm instal

9.安装路由模块和网络请求模块

cnpm install vue-router vue-resource --save

10.启动项目

npm run dev

11.结语

内容来自网络引用,写的非常不错