vue的安装

本文详细介绍Vue.js的安装步骤,从环境搭建到项目运行,适合初学者快速上手Vue.js开发。

VUe(读音/vju:/类似于view)是一套用来构建用户界面的渐进式框架。与其他大型框架不同的是,vue被设计为可以自底向上逐层应用。Vue是一个轻小便捷,易于上手。    

   废话就不多说了,关于vue的介绍在vue.js官方文档上有,很清楚,可以取文档上查看。

  第一步是安装

  1.Windows+R  —> cmd:如下

   

 

  2.输入 node -v和npm -v是为查看node是否安装成功、版本和npm的版本

  3.输入:npm install -g cnpm --registry=https://registry.npm.taobao.org(国内的npm下载速度很慢,一般都会选择用taobao镜像来下载)

  

  

  4.进行全局安装vue-cli,输入命令cnpm install -g vue-cli

  

 

   5.创建项目(命令项目名称,可以切换到自定义的盘符或者自定义的位置).输入

vue init webpack myVue(自命名为myVue)

  

  下图显示的这些看个人自己选择(或者项目需要),需要安装的yes便是,不需要安装的no便可。

  6.切换到项目根目录下,输入 cnpm install

  

 

  8.运行项目,输入npm run dev

  

  如图显示,则可以去浏览器中查看,输入localhost:8080

  

  最后在浏览器中如下图显示,则是安装成功,以上便是我学习Vue时,安装的步骤了。

  

转载于:https://www.cnblogs.com/zimoyu/p/10685501.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值