安装脚手架vue-cli
- 用npm 命令安装vue-cli了,在命令行输入下面的命令
npm install vue-cli -g
- 初始化vue项目 vue init <template-name> <project-name>
vue init webpack todolist
<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>:标识项目名称,不能使用大写
cd todolist
npm i
npm run dev