Mac下正确安装运行VUE

因为开发用的Mac系统,所以网上很多vue.js组件化开发环境搭建教程都不完全适用,多次踩坑总结了一下正确姿势,当做笔记,望指正。如果你只是简单的想了解使用,请移步 官方教程 。

以下操作都在Mac自带终端操作:

  1. 首先安装包管理homebrew

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

  1. 安装 node.js

两种方式安装:
node下载安装
命令安装(推荐)

  1. 获取nodejs模块安装目录访问权限

如果不获取权限,是安装不成功的。
sudo chmod -R 777 /usr/local/lib/node_modules/

  1. 更换淘宝镜像(cnpm)

不换的话速度慢得要死,大家时间都很宝贵的。
npm install -g cnpm --registry=https://registry.npm.taobao.org

  1. 安装 webpack 模块打包器

cnpm install webpack -g

  1. 安装 vue.cli 工具

sudo cnpm install -g vue-cli

  1. 本机创建一个文件夹放工程用,并cd到该目录

请不要直接复制粘贴
cd /Users/qingqing/Desktop/技术相关/VUE

  1. 终于到了创建 vue.js 工程

my-project是你要创建的工程名字,可以随意写但是不能有中文。
vue init webpack my-project
之后会出现很多设置,我这里都选的yes 当然也可以选择no,只是一些测试工具,code工具等。

Mac下正确安装运行VUE_第1张图片
半成功

  1. 安装项目依赖

cd 到创建的工程目录下 我这里是 cd my-project
cnpm install

  1. 安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

  1. 启动项目

npm run dev

至此就完成了,开心愉快的创造吧!

你可能感兴趣的:(Mac下正确安装运行VUE)