美文网首页
Vue入门之Vue-cli脚手架工具

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

作者: 扁扁的汤圆 | 来源:发表于2018-12-26 21:59 被阅读0次

1.使用vue-cli的优势

  • 成熟的vue项目架构设计
  • 本地测试服务器
  • 集成打包上线方案

2.使用vue-cli的系统要求

  • node.js(>=4.x)
  • Git
  • 一个能使用node的命令行终端

3.使用vue-cli

【1】安装vue-cli
npm install vue-cli -g
嫌慢的可以下在cnpm
alias cnpm="npm --registry=https://registry.npm.taobao.org \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=https://npm.taobao.org/dist \ --userconfig=$HOME/.cnpmrc"
【2】初始化项目
vue init webpack my-project
【3】安装项目依赖(package.json目录下)
cnpm install
【4】在localhost启动测试服务器
cnpm run dev
【5】生成上线目录(部署)
cnpm run build

相关文章

  • 03、Vue-cli构建项目

    一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具,是官方命令行工具 (CLI),脚手架即编写好基础...

  • 03、Vue-cli构建项目

    一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具,是官方命令行工具 (CLI),脚手架即编写好基础...

  • vue入门教程

    Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目 ...

  • vue-cli 安装步骤

    vue 脚手架工具 vue-clinpm install vue-cli -g 通过vue-cli创建基于webp...

  • Vue-cli 脚手架的流程

    Vue-cli 脚手架 说明: (1)vue-cli是vue的一个脚手架工具,这个工具可以帮助我们快速的搭建一个可...

  • 三分钟教你写个Vue组件

    开发环境: 基于 vue-cli: 这是一个做vue项目的脚手架 使用脚手架工具 vue-cli 可以快速地构建项...

  • 02.Vue组件化编码

    使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https:...

  • Vue 2.0 起步实例 - 微信公众号RSS 安装过程截图

    Vue 2.0 起步(1) 脚手架工具 vue-cli + Webstorm 2016 + webpackVue ...

  • vue-cli 创建模板项目

    vue-cli 创建模板项目 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:https:...

  • vue-cli

    vue-cli工具vue-cli是vue的脚手架工具,这个工具可以帮我们快速的构建一个可以支撑实际项目开发的vue...

网友评论

      本文标题:Vue入门之Vue-cli脚手架工具

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