关于vue代码的运行

最新推荐文章于 2024-06-23 14:48:36 发布
最新推荐文章于 2024-06-23 14:48:36 发布
阅读量1k 收藏 1
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Iris_Pumpkin/article/details/84064816
版权

  1. 首先，我们下载好代码，在GitHub上就有

  2. 接下来，解压好之后，我们cmd进入到代码文件下

  3. 然后执行命令“cnpm install”<关于为什么是cnpm，不是npm，那是因为在国内我们需要安装淘宝镜像，所以命令就变成了cnpm，关于镜像可以看我的上一篇介绍>*这个执行过程需要等待一段时间

  4. 接着没有打包过的，可以执行一下“cnpm run build”,等待执行成功(也可以直接做下一步)

  5. 最后所有步骤执行完毕，执行“cnpm run dev”,首次执行的话会有一个选择浏览器的选项，之后你可以设置默认浏览器，那么以后就直接打开，浏览器打开以后就可以看到执行结果了，（执行的首个默认端口号为8080）

Iris_Pumpkin
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue教学代码.zip
12-03
对于学习Vue，它可能会指导你如何运行示例代码，理解项目结构，以及如何开始自己的Vue项目。 3. **资料（含课件）**：这部分很可能是Vue.js的学习资料，包括教程、PPT、PDF文档等，可能涵盖了Vue的基础概念、路由、...
VueEditor:在线运行Vue代码的编辑器
03-27
Vue编辑器 一个可以运行Vue代码的编辑器，CSS支持Less，Sass / Scss，Stylus 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build
详解如何运行vue项目
10-17
主要介绍了如何运行vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue代码运行
upStar1的博客
03-11 2365
1.下载的代码可能没有modules包，文件解压打开之后需要先npm install 2.打开代码的package.json文件，查看文件的debug部分。 3.根据这个部分的命名，进行npm run dev/npm run demo/npm run serve 4.代码运行完成 5.代码需要打包的话，npm run build ...
vue项目的运行
最新发布
RainbowTutu的博客
06-23 1432
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
如何运行vue项目
你家大王的博客
06-19 4万+
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。   首先，列出来我们需要的东西：   node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm  npm的淘宝镜像   安装node.js 从node.js官网下载并安装n
Vue的使用及运行
李桥桉的博客
06-13 1万+
选中要运行的文件，右键-->【在集成终端中打开】，在终端输入npm run serve 后回车，开发运行，注意vue文件千万不要试图用open with live server打开，此法根本打不开
vue文件运行的方法教学
12-11
vue文件怎么运行呢？...4、在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。 5、这里简单介绍下 npm
Vue.js 运行机制
04-28
Vue.js是一种流行的前端JavaScript框架，...这使得Vue.js成为了一个既能保持高性能，又能提供简洁清晰代码结构的优秀前端框架。通过理解这些核心概念和运行机制，开发者可以更加高效地利用Vue.js来构建复杂的前端应用。
vue 项目源码
08-07
一个公司做的vue项目，基本vue的功能都用到了，源码请勿举报
vue代码案例
09-01
vue的基础入门，包含vue的基本方法和函数。数据绑定这个案例实现的特别好。
vue.js 源代码最新版
10-14
Vue.js是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架。
Vue.js通过CDN运行的代码框架
weixin_43820764的博客
07-09 244
Vue.js通过CDN运行的代码框架 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/n...
如何运行vue项目(超详细图解）
热门推荐
小熊的博客
02-06 8万+
📖本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看。 输入node -v查看nodejs版本 node -v 输入npm -v查看npm版本
vue直接运行方法里的函数
qq_37390420的博客
01-16 2491
new Vue({ el: "#app", data:{ }, mounted:function(){ this.msg(); }, methods: { msg:function(){ layer.msg('info') } } })
如何运行别人的vue代码文件项目
weixin_51646732的博客
06-26 1113
vue
vscode运行vue代码
05-28
在VS Code中运行Vue.js代码需要先安装Vue CLI。您可以按照以下步骤进行操作： 1. 安装Node.js和npm。 2. 打开终端并运行以下命令来安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 使用以下命令创建一个新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值