学习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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容