安装脚手架vue-cli
- 用npm 命令安装vue-cli了,在命令行输入下面的命令
npm install vue-cli -g
- 初始化vue项目 vue init <template-name> <project-name>
vue init webpack todolist
QQ20180603-0.JPG
<template-name>:模板名称,vue-cli官方为我们提供了5种模板,
- webpack:一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。
- webpack-simple:一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。
- browserify:一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。
- browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。
- simple-一个最简单的单页应用模板。
<project-name>:标识项目名称,不能使用大写
- 进入todolist目录
cd todolist
- 安装项目依赖包
npm i
- 开发模式下运行我们的程序
npm run dev