学习vue之脚手架安装 － vue-cli

安装脚手架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