码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli安装

时间:2017-10-24 14:55:38      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:依赖   install   npm   创建   命令   ini   架构设计   文件   目的   

vue-cli 是vue官方提供的一个脚手架工具,用于初始化一个Vue项目; 

vue-cli的优势:

1、成熟的vue项目架构设计,而且会跟随vue版本的更迭而更新; 

2、提供了一套本地测试服务器,而且是一个热加载的服务器; 

3、提供了自己的一套集成打包上线的方案,webpack 或者gulpify在创建项目的时候可以进行选择; 

有了以上优势,可以非常快速的搭建项目; 

vue-cli对系统的要求:

vue-cli 是命令行的一个工具,系统需要

1、node.js(>=4.x)

2、 Git

3、能使用node的命令行终端; 

vue-cli使用流程:

1、vue-cli的安装:使用node的包管理工具npm ,-g为全局安装

npm install vue-cli -g

2、初始化项目:全局安装完vue-cli后可以在命令行工具里使用vue命令,init-初始化项目, webpack-规定了使用的是webpack的打包方式,my-project为项目名称,项目名不可以用大写字母,初始化项目就是通过git下载vue-cli提供的脚手架代码

vue init webpack my-project

3、安装项目依赖:初始化项目之后,还要通过npm安装项目依赖,此代码需要和package.json在一个文件夹下

npm install

4、在localhost启动测试服务器:

npm run dev

5、生成上线目录(进行部署):

npm run build

 

vue-cli安装

标签:依赖   install   npm   创建   命令   ini   架构设计   文件   目的   

原文地址:http://www.cnblogs.com/eva3288/p/7723292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!