值得收藏的vuejs安装教程


Posted in Javascript onNovember 21, 2017

本文为大家分享了vuejs安装教程,供大家参考,具体内容如下

1.安装nodejs,自带npm环境。

地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。

值得收藏的vuejs安装教程

安装过程参见:安装配置

2.安装淘宝镜像。

因国内访问国外链接速度过慢,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

打开cmd直接输入:npm install -g cnpm ?registry=https://registry.npm.taobao.org,回车,等待安装...

npm install -g cnpm --registry=https://registry.npm.taobao.org

注意=后面不能有空格,否则会报错。

3.安装express(选择安装)。

cnpm install -g express

4.安装webpack 。

cnpm install -g webpack

5.安装vue。

cnpm install vue

6.安装vue-cli。

cnpm install -g vue-cli

7.至此,已经完成环境搭建,可以开始项目初始化。

在cmd里用cd命令跳转到指定地址,项目初始化命令:vueinitwebpackvue-projectname。projectname--项目文件夹的名称(名字不能用中文),这个vue-projectname文件夹会自动生成在你跳转到的工作目录中。

vue init webpack vue-projectname

值得收藏的vuejs安装教程

注意:安装过程中,需要自行输入项目名称,描述,作者等等,即上图中的?后面的答案。

8.cd到我们的项目文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

cnmp install

值得收藏的vuejs安装教程

9.测试项目是否安装成功。

cnpm run dev

值得收藏的vuejs安装教程

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery实现无刷新DropDownList联动实现代码
Mar 08 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
Angular实现表单验证功能
Nov 13 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 #jQuery
jquery ajaxfileupload异步上传插件
Nov 21 #jQuery
Vue + Vue-router 同名路由切换数据不更新的方法
Nov 20 #Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
Nov 20 #Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 #Javascript
laydate日历控件使用方法详解
Nov 20 #Javascript
JavaScript框架Angular和React深度对比
Nov 20 #Javascript
You might like
PHP简单获取视频预览图的方法
2015/03/12 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
基于jquery的页面划词搜索JS
2010/09/14 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
JavaScript手写数组的常用函数总结
2020/11/22 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
使用grappelli为django admin后台添加模板
2014/11/18 Python
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
Python开发的实用计算器完整实例
2017/05/10 Python
多版本Python共存的配置方法
2017/05/22 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
详解python 注释、变量、类型
2018/08/10 Python
Python中base64与xml取值结合问题
2019/12/22 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
Unix如何在一行中运行多个命令
2015/05/29 面试题
自荐信怎么写好
2013/11/11 职场文书
留学推荐信范文
2014/05/10 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
Go语言读取txt文档的操作方法
2022/01/22 Golang