安装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 相关文章推荐
js的with语句使用方法
Sep 21 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
angular中的cookie读写方法
Aug 02 Javascript
浅谈VUE监听窗口变化事件的问题
Feb 24 Javascript
three.js 将图片马赛克化的示例代码
Jul 31 Javascript
原生JS实现拖拽效果
Dec 04 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
用PHP 4.2书写安全的脚本
2006/10/09 PHP
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
php文件操作相关类实例
2015/06/18 PHP
PHP图片水印类的封装
2017/07/06 PHP
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
jQuery自定义组件(导入组件)
2016/11/08 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
react 创建单例组件的方法
2018/04/26 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
Python中单、双下划线的区别总结
2017/12/01 Python
分析python切片原理和方法
2017/12/19 Python
Python实现ATM系统
2020/02/17 Python
使用python实现飞机大战游戏
2020/03/23 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
python基于win32api实现键盘输入
2020/12/09 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
致100米运动员广播稿
2014/02/14 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
公司备用金管理制度
2015/08/04 职场文书