技术

mac搭建vue环境

2019-02-20  本文已影响0人  夏慕春

homeprew:mac下的包管理工具,类似window下的控制面板
官方文档:http://docs.brew.sh

1、打开终端

可以使用mac自带的终端,或者是iTerm2(推荐)

2、安装brew

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

3、安装node.js

$ brew install nodejs

4、获取node。js的安装目录访问(先看目录对不对,再执行此命令)

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

5、安装淘宝镜像

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

6、安装webpack(首次全局安装)

  $ cnpm install webpack -g

7、安装vue脚手架(首次全局安装)

$ npm install vue-cli -g

8、在终端创建/进入工程文件夹

$ mkdir myjob
$ cd myjob

9、根据模版创建项目

$ vue init webpack-simple myproject

10、进入项目

$ cd myproject

11、安装项目依赖

$ npm install

12、启动项目

$ npm run dev
上一篇 下一篇

猜你喜欢

热点阅读