Vue.js

【MAC 上学习 Vue】Day 2. 使用 Vue-cli 构

2019-08-04  本文已影响0人  RaRasa

安装 Node

  1. Node 下载地址为:
    https://nodejs.org/en/download/current/
  2. 安装 node-v12.6.0.pkg,并使用 CMD 工具验证是否安装成功:

node -v

npm -v

全局安装淘宝 NPM 镜像

  1. 使用 CMD 工具安装:

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

  1. 使用 CMD 工具验证是否安装成功:

cnpm -v

全局安装 Vue-cli 脚手架

  1. 使用 CMD 工具安装:

Sudo cnpm install vue-cli -g

  1. 使用 CMD 工具验证是否安装成功:

vue --version

全局安装 Webpack

使用 CMD 工具安装:

Sudo cnpm install webpack -g

使用 Vue-cli 构建单页面应用 dm

  1. 使用 CMD 工具进行搭建。对于 Install vue-router,选 yes;对于其他,选 no,或默认。

vue init webpack dm

  1. 使用 CMD 工具运行脚本:

cd dm

cnpm install

cnpm run dev

  1. 使用浏览器打开如下地址:
    http://localhost:8080/
    1.png
上一篇 下一篇

猜你喜欢

热点阅读