美文网首页
学习vue之脚手架安装 - vue-cli

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

作者: 格桑Hilton | 来源:发表于2018-06-03 10:36 被阅读0次

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

相关文章

网友评论

      本文标题:学习vue之脚手架安装 - vue-cli

      本文链接:https://www.haomeiwen.com/subject/czfjsftx.html