安装Vue.js(MAC)

817 阅读1分钟
  1. 首先使用「brew」跟「nodebrew」命令,安装node.js。
# 安装nodebrew
$ brew install nodebrew
$ mkdir -p ~/.nodebrew/src         # <- 不创建文件夹后面会失败
$ nodebrew -v
nodebrew 1.0.1

# 显示可以安装的node.js的版本
$ nodebrew ls-remote

# 安装version8.9.4
$ nodebrew install-binary v8.9.4
$ nodebrew ls
$ nodebrew use v8.9.4

# 把node跟npm添加到环境变量
$ nodebrew setup
$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
$ source ~/.bash_profile

# 确认版本
$ node -v
v8.9.4
$ npm -v
5.6.0
  1. 安装vue-cli 安装使用Vue.js时会用到的有用命令。
$ npm install -g @vue/cli
$ vue --version
3.0.5
  1. 试着创建项目
$ vue create app-test

Vue CLI v3.0.5
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Unit, E2E
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a unit testing solution: Jest
? Pick a E2E testing solution: Cypress
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In package.json
? Save this as a preset for future projects? No
  1. 启动项目
$ cd app-test
$ npm run serve

访问http://localhost:8080