如何运行vue项目(从github上下载的开源项目)

先下载安装node.js
node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。
在这里插入图片描述根据自己电脑选择32位/64位。安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后点击以管理员身份运行(可以安装需要的环境),回车,打开cmd窗口
在这里插入图片描述安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

安装webpack

npm install webpack -g

安装vue-cli

cnpm install vue-cli -g

运行项目
cd desktop/项目名称
图片描述

进入项目之后安装依赖

npm install

安装成功后你会发现项目里多了个
图片描述然后

npm run dev

图片描述
图片描述

自动启动浏览器就会打开项目了
图片描述

Github上有很多可以学习的Vue实战项目。其中一些比较受欢迎的项目包括: 1. Vue.js HackerNews:这是一个基于Vue.js的HackerNews客户端,可以帮助你学习Vue.js的基本用法和组件化开发。 2. Vue.js TodoMVC:这是一个使用Vue.js实现的经典Todo应用程序,可以帮助你学习Vue.js的状态管理和组件通信。 3. Vue.js Shopping Cart:这是一个使用Vue.js和Vuex实现的购物车应用程序,可以帮助你学习Vue.js的状态管理和数据流。 4. Vue.js Weather App:这是一个使用Vue.js和第三方API实现的天气应用程序,可以帮助你学习Vue.js的异步请求和数据展示。 5. Vue.js Blog:这是一个使用Vue.js和Vue Router实现的博客应用程序,可以帮助你学习Vue.js的路由和页面导航。 你可以根据自己的实际情况选择适合你的项目进行学习。如果你对Vue.js还不太熟悉,可以先学习一些基础知识,比如Vue的基本语法、组件化开发和状态管理。你可以参考我最近开源的springboot-guide项目,该项目提供了一些关于Spring Boot的学习资源,可以帮助你入门。\[2\] #### 引用[.reference_title] - *1* *3* [Vue项目实战——实现GitHub搜索案例(学以致用,两小时带你巩固和强化Vue知识点)](https://blog.csdn.net/qq_45902692/article/details/126751629)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Github 上热门的 Spring Boot 项目实战推荐](https://blog.csdn.net/hollis_chuang/article/details/102597814)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值