Mac下vue环境搭建

本人新手入门,在环境搭建过程中遇到了很多坑,仅以此文纪录步骤,以防日后忘记。

一:环境安装
1、Mac系统安装brew
打开终端,运行以下命令:

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

2、安装node.js

brew install nodejs

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

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

注意:在安装这一步时,需要在终端输入密码,电脑开机密码(自己设置的解锁密码)
4.安装淘宝镜像

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

(在安装过程中如果出现错误,可能是安装镜像的权限不够,解决办法:)

sudo chown -R $USER /usr/local

测试cnpm安装成功:

sudo cnpm -v

5、安装vue

sudo cnpm vue
测试vue.js安装是否成功:
sudo cnpm vue -V

6、安装webpack

sudo cnpm install webpack -g

7、全局安装vue/cli脚本架

sudo cnpm install –global vue-cli

二:创建一个简单的vue.js项目:
1.创建一个基于webpack的vue项目

sudo vue init webpack my-project

2.在创建的项目中引入依赖包:

cd my-project
sudo cnpm install

3、启动vue.js

sudo cnpm run dev

你可能感兴趣的:(vue-js,vue-js,mac)