全局安装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
文件夹