因为开发用的Mac系统,所以网上很多
vue.js
组件化开发环境搭建教程都不完全适用,多次踩坑总结了一下正确姿势,当做笔记,望指正。如果你只是简单的想了解使用,请移步 官方教程 。
以下操作都在Mac自带终端操作:
-
首先安装包管理homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
-
安装 node.js
-
获取nodejs模块安装目录访问权限
如果不获取权限,是安装不成功的。
sudo chmod -R 777 /usr/local/lib/node_modules/
-
更换淘宝镜像(cnpm)
不换的话速度慢得要死,大家时间都很宝贵的。
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安装 webpack 模块打包器
cnpm install webpack -g
-
安装 vue.cli 工具
sudo cnpm install -g vue-cli
-
本机创建一个文件夹放工程用,并cd到该目录
请不要直接复制粘贴
cd /Users/qingqing/Desktop/技术相关/VUE
-
终于到了创建 vue.js 工程
my-project是你要创建的工程名字,可以随意写但是不能有中文。
vue init webpack my-project
之后会出现很多设置,我这里都选的yes 当然也可以选择no,只是一些测试工具,code工具等。
-
安装项目依赖
cd 到创建的工程目录下 我这里是 cd my-project
cnpm install
-
安装 vue 路由模块vue-router和网络请求模块vue-resource
cnpm install vue-router vue-resource --save
-
启动项目
npm run dev
至此就完成了,开心愉快的创造吧!