快速创建Vue种子项目

全局安装vue-cli

npm install -g vue-cli

初始化脚手架程序

#vue init <template-name> <project-name>
vue init webpack my-project

<template-name> 为脚手架类型，通常使用 webpack :

• webpack 基于webpack和vue-loader的目录结构，支持热部署、代码检查、测试及CSS抽取
• webpack-simple
• pwa
• browerify
• broweerify-simple
• simple 单个引入vue.js的index.html的页面

进入项目目录

cd my-project

使用NPM安装依赖

依赖配置文件为项目根目录下的 package.json 。

npm install

启动server with hot reload at localhost:8080

npm run dev

使用浏览器访问

项目构建

npm run build 

构建完成后，在项目根目录下生成 dist 文件夹