首先下载一下node.js : node.js下载地址
一、首先为Mac系统安装brew,打开终端执行命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装成功后输入命令
brew -v
查看一下是否安装成功和brew的版本信息。
(注:在安装brew的时候要耐心一些,不是一下子安装完成的,需要等一些时间!!!感觉是在一段一段安装,我就是因为太着急总回车导致查看brew时一直显示-bash: brew: command not found
。之后安装npm等时一直在报错误。心累啊,千万要耐心。)
二、一定要获取Node.js模块安装目录的访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
三、安装淘宝镜像 npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、安装webpack
cnpm install webpack -g
五、安装vue脚手架
npm install vue-cli -g
六、找一个文件夹放工程,在终端中输入该目录
cd 目录路径
如果此时你的路径输入后总显示No such file or directory
你可以尝试先输入pwd
然后再输入ls
的方法找到你的路径
七、创建项目
vue init webpack-simple demo
这时会显示一些初始化的操作
? Project name demo 按回车
? Project description A Vue.js project 按回车
? Author jxin 输入你的名字
? License MIT 回车
? Use sass? Yes 输入y
八、接下来进入创建的工程目录
cd demo
进入工程目录后执行一下操作
*安装项目依赖
npm install
(速度有些慢,需要等待一下)
*安装路由
cnpm install vue-router vue-resource --save
*启动项目
npm run dev
终端
成功后会弹出
这时可在demo下创建一个文件夹static,写一个html
在地址栏输入localhost:/8080/static/index/html就可以看到你写的页面了。