快速创建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 文件夹

猜你喜欢

转载自blog.csdn.net/hwhsong/article/details/79282251