vue-cli

1、安装vuecli

(1)前提是安装了npm,

    使用npm -v检查npm版本情况。

(2)命令行输入:

npm install vue-cli -g,

    使用vue -V检查vue-cli版本号。

2、初始化项目

$ vue init <template-name> <project-name>

<template-name>:模板名称,官方提供了五种模板:

(1)webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。

(2)webpack-simple-一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。

(3)browserify-一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。

(4)browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。

(5)simple-一个最简单的单页应用模板。

注:在开发中一般使用webpack这个模板;

<project-name>:标识项目名称。

eg:vue init webpack vuecliTest

3、(1)cd vuecliTest  进入vue项目目录。

   (2)npm install  安装项目依赖包,也就是安装package.json里的包,网速不好可以使用cnpm来安装。

      (3)npm run dev 开发模式下运行程序。自动构建了开发用的服务器环境和在浏览器中打开,并实时监视代码更改即时呈现。

posted @ 2017-12-22 10:17  cocoyuanxile  阅读(105)  评论(0编辑  收藏  举报