安装vue-cli的简易过程


Posted in Javascript onMay 22, 2018

安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,如果该命令不可用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。

一、安装vue-cli

在命令行工具输入:

npm install vue-cli -g

-g:代表全局安装。用vue -V 来检查你安装版本号(-V,是大写的)

二、初始化项目

我们用vue init 命令来初始化项目:

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

<template-name>:表示模板名称,vue-cli官方为我们提供了5种模板,

webpack,webpack-simple,browserify,browserify-simple,simple

<project-name>:标识项目名称,这个你可以根据自己的项目来起名字。在实际开发过程中,我们一般都会使用webpack这个模板。

vue init webpack vueclitest

输入命令后,会询问我们几个简单的选项,我们根据自己的需要填写就可以了。

Project name:项目名称。注意:这里不能使用大写。

Project description:项目描述。

Author:作者,如果你有配置git的作者,它会读取。

Install vue-router? : 是否安装vue的路由插件。yes

Use ESLint to your code? :是否用ESLint来限制你的代码错误和风格。自己练习不用了。如果是大型团队开发,最好进行配置。

setup unit tests with Karma +Mocha?是否需要安装单元测试工具。我们不需要。N

Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,我自己练习不需要。输入n

这样我们已经初始化好了第一步。

cd vueclitest 进入我们的vue项目目录。

npm install 安装我们的项目依赖,也就是安装package.json 里的包(也可以使用cnpm来安装)

npm run dev 开发模式下运行我们的程序。给我们自动构建了开发用的服务器坏境和在浏览器中打开,并实时监视我们的代码更改。

总结

以上所述是小编给大家介绍的安装vue-cli的简易过程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
jQuery的学习步骤
Feb 23 Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
javascript html5摇一摇功能的实现
Apr 19 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
js回调函数仿360开机
Dec 26 Javascript
JavaScript实现优先级队列
Dec 06 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
May 22 #Javascript
Vue单页及多页应用全局配置404页面实践记录
May 22 #Javascript
Vue页面骨架屏的实现方法
May 22 #Javascript
Angular网络请求的封装方法
May 22 #Javascript
vue input输入框模糊查询的示例代码
May 22 #Javascript
vue 中swiper的使用教程
May 22 #Javascript
vue配置多页面的实现方法
May 22 #Javascript
You might like
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
2020/05/26 PHP
javascript void(0)的妙用
2009/10/21 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
jQuery实现简单的点赞效果
2020/05/29 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
Python字符串切片操作知识详解
2016/03/28 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
Python制作exe文件简单流程
2019/01/24 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
医药专业推荐信
2013/11/15 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
企业趣味活动方案
2014/08/21 职场文书
辞职信的写法
2015/02/27 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
我的收音机情缘
2022/04/05 无线电
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers