美文网首页
安装Vue-CLI

安装Vue-CLI

作者: 秋玄语道 | 来源:发表于2018-06-26 12:20 被阅读0次

Vue-CLI网站(https://cn.vuejs.org/v2/guide/

命令行工具 (CLI)

Vue 提供了一个官方的 CLI,为单页面应用快速搭建 (SPA) 繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档

#全局安装 vue -cli
$npm install -g vue-cli
#创建一个基于webpack模板的新项目
$vue init webpack my-first-vue-project
#安装依赖
$cd my-first-vue-project
$npm run dev
image.png

打开http://localhost:8080

相关文章

  • vue 学习第一节

    全局安装vue-cli: cnpm install vue-cli -g 安装vue-cli之前要全局安装vue和...

  • Vue 第一天

    使用vue-cli,快速创建项目 安装Vue-cli vue-cli 在国外,安装慢,需通过国内镜像安装 安装国内...

  • Vue-cli 安装和目录结构解析

    一、安装vue-cli 安装vue-cli前提,你的电脑已经安装好了Node.js,因为vue-cli 安装是给予...

  • Vue-cli基础

    Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

  • Vue.js高仿饿了么笔记(一)

    Vue-cli 安装 安装node 通过npm安装Vue-clinmp install -g vue-cli /...

  • (Vue全家桶)Vue-cli

    Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架 安装vue-cli 安装vue-cli的...

  • vue-cli的安装

    vue-cli的安装 cnpm install -g vue-cli 检查是否安装成功 vue 安装webpack...

  • Vue-cli基础

    安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看是否安装成功: ...

  • 程序员使用的脚手架

    一、vue (前台) vue-cli: # 安装vue-cli。 安装之前首先确保你已经安装好了nodejs 而...

  • 新建vue项目(mac)

    一、安装vue 安装vue-cli npm install vue-cli -g 验证是否安装成功 vue l...

网友评论

      本文标题:安装Vue-CLI

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