运行一个VUE

已于 2022-10-29 15:46:23 修改
阅读量59 收藏
点赞数
分类专栏： 我又开始学VUE了 文章标签： vue
于 2022-10-29 15:44:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44535575/article/details/127587899
版权

从angular到vue好像也差不多

默认node.js都装好了

安装vue脚手架

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

创建一个名字为myProjectName的基于框架

Vue create myProjectName

在vscode里打开项目
新建terminal 运行：

npm run serve

http://localhost:8080/
在这里插入图片描述

参考

Moonmacheese
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何运行一个Vue项目
zenglaoshi的博客
02-16 3万+
如何运行一个Vue项目 一开始刚接手项目内的vue.js，或者在GitHub上找到vue.js的开源项目，会发现不知如何运行这个项目。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 1. 环境安装 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node...
如何运行一个vue项目
04-12 3957
结果：会出现一个本地的服务器地址（local），对应同一局域网访问的网址：对应的network
如何运行vue项目(超详细图解）
小熊的博客
02-06 7万+
📖本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看。 输入node -v查看nodejs版本 node -v 输入npm -v查看npm版本
Vue的使用及运行
李桥桉的博客
06-13 1万+
选中要运行的文件，右键-->【在集成终端中打开】，在终端输入npm run serve 后回车，开发运行，注意vue文件千万不要试图用open with live server打开，此法根本打不开
Vue安装及环境配置、开发工具
热门推荐
dream_summer的博客
09-29 23万+
vue前端框架的环境搭建。
怎么打开运行一个vue脚手架搭建的项目
big_beer的博客
05-10 3951
1、下载好的文件下找到package.json这个文件。 2、用编译器打开它的上级目录。（图片的上一级目录是VUE-ERP,你的项目名不一样） 3、下载依赖。 输入命令： cnpm install（cnpm下载有时莫名其妙的出bug） npm install （很慢，小型项目还行） yarn （要先下载yarn才能用，建议，很好用） 3.1 为什么有3.1？有时候下载依赖的时候会出错，尝试一下删除依赖文件重新下载。node_modules这个文件整个删除。（如果下载依赖没事，跳过这个3.1
使用vscode运行vue项目
xw_009的博客
04-07 10万+
！！学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目。！！ 文章参考：https://www.csdn.net/gather_29/OtTagg3sNzA2LWJsb2cO0O0O.html 一：下载vscode地址为：https://code.visualstudio.com/ 然后根据自己的电脑下载对应的版本，我的是Windows X64。 二：语言的修改（Visu...
如何运行单个.vue文件
安可心
04-09 2万+
1.全局安装Vue npm install -g @vue/cli Mac 需要在前面加 sudo。 查看Vue版本： vue -V 2.全局安装下面的扩展： npm install -g @vue/cli-service-global 3.在本地新建一个Vue文件： <template> <h1>Hello!我是安安</h1> </template> 4.在这个 .vue 文件所在的目录下运行： vue serve 5.在浏览器打开如下地址就可
自建小网站——在idea中如何运行一个vue项目完整过程
Darren洋的博客
04-29 2787
这些天Darren洋计划筹建一个属于自己的个人博客空间小网站，其中选择的就是vue项目类型的网站，因为在运行vue项目途中不是特别顺利，现整理了一下流程供大家参考学习。
如何运行Vue项目
weixin_45682994的博客
03-01 1万+
如何运行Vue项目 步骤： 一、安装 node.js 从node.js官网（https://nodejs.org/zh-cn/download/）下载并进行傻瓜式安装。安装完毕之后。“win+R”—>cmd 打开命令输入框，输入命令"node -v"，查看node版本。若出现相应的版本号，即代表安装成功。 npm包是集成在node中的，安装了node也就有了npm。输入命令"npm -v"，查看npm版本。 二、安装 cnpm （由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖
详解如何运行vue项目
01-19
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 可以看下我的github：...
一个最基本的vue程序
11-15
一个vue程序的Hello World！展现了基本的Vue程序的组成 用html编辑器打开运行即可 一个vue程序的Hello World！展现了基本的Vue程序的组成 用html编辑器打开运行即可 一个vue程序的Hello World！展现了基本的Vue程序...
vue运行多个子系统框架
01-25
1，支持vue多个子系统 2，支持每个子系统打包 3，支持每个子系统运行 4，提供各种node脚本
Vue.js 运行机制
04-28
Vue.js 内部运行机制，值得看。找了好久，才找到这样的一个资源。分享出来。
磁力链磁力链磁力链.txt
最新发布
07-22
磁力链
“人力资源+大数据+薪酬报告+涨薪调薪”
07-22
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
安装graphviz和pygraphviz
07-22
pygraphviz 是一个Python库，它是Graphviz图形可视化软件的Python接口。Graphviz是一个开源的图形可视化软件，广泛用于创建和编辑有向图和无向图。pygraphviz使得Python开发者能够轻松地创建和操作图形，以及执行图形的布局和可视化。 一、pygraphviz的主要功能 创建和编辑图形：pygraphviz允许开发者通过Python代码来创建图形，包括添加节点、边等元素，并且可以编辑这些元素的属性，如颜色、形状、标签等。 图形布局：pygraphviz支持多种图形布局算法，如dot、neato、circo等，开发者可以根据需要选择合适的算法来优化图形的布局。 图形可视化：pygraphviz可以将创建和编辑好的图形保存为图片文件，支持多种图片格式，如PNG、JPEG等，方便开发者进行展示和分享。
BrainF**k Devlopment Toolkit
07-22
BrainF**k Devlopment Toolkit(BFDTK)，可用于开发BrainF**k程序。
在服务器上运行一个vue
11-18
要在服务器上运行一个Vue应用，需要经过以下几个步骤： 1. 准备服务器：首先需要确保服务器已经安装了Node.js和npm（Node.js的包管理工具），因为Vue是基于Node.js构建的。可以通过在终端输入`node -v`和`npm -v`来检查它们是否成功安装。 2. 安装Vue CLI：Vue CLI是Vue的官方脚手架工具，提供了快速构建Vue项目的能力。使用npm安装Vue CLI，运行以下命令：`npm install -g @vue/cli`。 3. 创建Vue项目：使用Vue CLI创建一个新的Vue项目。在终端中，使用以下命令进入到希望创建项目的目录：`cd 项目目录路径`，然后运行`vue create 项目名`，例如`vue create my-app`。Vue CLI将会根据你选择的预设配置生成项目结构和依赖。 4. 构建项目：项目创建成功后，进入项目目录，使用以下命令运行项目：`npm run serve`。这将会启动一个开发服务器，并实时监视文件的变化，在浏览器中自动更新。 5. 配置服务器：在服务器上，确保已经安装了合适的Node.js环境，并在项目目录下运行`npm install`来安装项目的依赖。 6. 运行服务器：使用以下命令启动服务器：`npm run serve`。该命令会启动一个以Vue应用为根目录的HTTP服务器，默认监听在本地的某个端口上。 7. 访问网页：在浏览器中输入服务器的IP地址和端口号，即可访问运行在服务器上的Vue应用。 以上是在服务器上运行一个Vue应用的基本过程，可以根据具体需求对服务器进行更高级的配置，例如使用Nginx反向代理、实现负载均衡等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值