一、简介
vue-cli 是vue官方出品的快速构建单页应用的脚手架,里面集成了webpack,npm,nodejs,babel,vue,vue-router
二、安装
- npm 安装(安装node环境)
node下载地址: http://nodejs.cn/download/
安装成功提示:
npm -v
- vue-cli 安装
全局安装vue-cli,命令行:
npm install vue-cli -g
PS:-g代表全局安装,然后查看版本:
vue -V
PS: 注意这里的V是大写
三、初始化项目
- vue init 命令讲解
vue init <template-name> <project-name>
init:表示要用vue-cli来初始化项目
<template-name>:表示模板名称,vue-cli官方提供的5种模板:webpack
、webpack-simple
、webpack-simple
、browserify-simple
、simple
<project-name>:标识项目名称,用户根据自己的项目来起名字。
- 项目初始化
在实际开发中,一般都会使用webpack这个模板,命令使用如下:
vue init webpack vue-demo
- 运行项目
使用cd命令进入到项目目录
cd vue-demo
开发模式下运行项目命令:
npm run dev
项目发布打包命令:
npm run build
网友评论