vue入门学习01

vue官方文档:https://vuejs.bootcss.com/v2/guide/installation.html#命令行工具-CLI

vue-router路由文档:https://router.vuejs.org/zh/

vue菜鸟教程文档:https://www.runoob.com/vue2/vue-component.html

一、一步一步搭建vue项目

1、首先安装node.js。

参考:https://blog.csdn.net/chen_jia_hao/article/details/93486043

2、使用npm全局安装 vue-cli 脚手架命令工具。

这里用的是vue-cli2.x版本,还有vue-cli3.x版本,方式不同。

3、使用vue-cli命令工具来创建vue项目。比如:创建名称为vue-demo1的vue项目。

(1)第一种方式

(2)第二种方式

4、根据上面 To get started 的提示来运行vue项目。

5、访问 http://localhost:8080/ 如下说明成功了(cnpm run dev成功后,会自动打开浏览器)。

 

 

未完... https://chen_jia_hao.gitee.io/my/vue/

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值