美文网首页Vue.js
【MAC 上学习 Vue】Day 2. 使用 Vue-cli 构

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

作者: RaRasa | 来源:发表于2019-08-04 12:22 被阅读0次

安装 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

相关文章

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

    安装 Node Node 下载地址为:https://nodejs.org/en/download/current...

  • vue实战技巧总结

    1. vue-cli 构建项目 官网地址 命令行 2. 项目模板中使用 less 方法 原文地址vue-cli 构...

  • vue-cli 构建vue项目 28

    vue-cli 是一个官方发布 vue.js项目脚手架,使用 vue-cli 可以快速创建 vue 项目 自动化构...

  • electron+vue-cli3构建跨平台桌面应用

    1.确保已经全局安装了vue,electron,vue-cli,cnpm, 2.使用vue-cli创建vue项目 ...

  • Mac vue-cli 2.9.6版本升级4.x版本

    问题描述 由于mac电脑上之前的vue版本是2.9.6版本导致 项目创建是总提示vue-cli 升级。 使用如下命...

  • Vue项目构建

    一.初始化简单demo 1.首先全局安装vue-cli: $npm install -g vue-cli 2.使用...

  • Vue入门之Vue-cli脚手架工具

    1.使用vue-cli的优势 成熟的vue项目架构设计 本地测试服务器 集成打包上线方案 2.使用vue-cli的...

  • Vue-cli

    vue.js 官网链接 vue-cli安装 安装vue 全局安装vue-cli(脚手架) windows: mac...

  • 2018-12-06

    1. 环境配置 全局安装 vue-cli: 2. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • 关于less安装

    前言 在vue项目我们要使用less做预处理,但是安装less的方法不一,我说说我的安装方法。 vue-cli 构...

网友评论

    本文标题:【MAC 上学习 Vue】Day 2. 使用 Vue-cli 构

    本文链接:https://www.haomeiwen.com/subject/yffedctx.html