使用visual studio 2019 开发vue项目

最新推荐文章于 2025-04-17 16:44:58 发布
原创 最新推荐文章于 2025-04-17 16:44:58 发布 · 1.5k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了使用Vue CLI创建项目，配置终端环境，执行`npm run serve`并浏览应用的过程，以及Vue开发的便捷之处。

vue create vuetest

创建成功后用，visual studio 2019 打开目录

选择刚才创建的目录

下图是项目的目录结构

在工具条上选择view->Terminal

在命令行输入

npm run serve

在浏览器中查看

 还可以用图形化界面查看项目信息

 

用vue的模块化开发非常的方便

 

Docker 部署 Visual Studio 2019配置vue项目 （Docker部署静态网页）Docker+nginx
oopxiajun博客专栏
03-28 2263
本文承接《Visual Studio 2019配置vue项目》,在《Visual Studio 2019配置vue项目》里面我们进入项目文件下打开dos窗口输入npm run serve 命令，这是开发环境调试用的指令，这样可以在开发时打开本地调试站点。我们既然用到了Visual Studio 2019 这个工具，那么就用懒人（使用vs都会让开发人员变懒）方式来发布这个Vue项目。这次我们不用...
Visual Studio 2019配置vue项目的图文教程详解
08-19
主要介绍了Visual Studio 2019配置vue项目的教程，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作，具有一定的参考借鉴价值,需要的朋友可以参考下
Visual Studio Code搭建VUE开发环境
Nicky's blog
08-07 7818
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
visual studio2019工具创建并运行vue项目
热门推荐
qq_41611829的博客
12-05 1万+
一 、安装环境 Vue项目一切基于Node.js，so 必须先安装NodeJS,附下载地址https://nodejs.org/zh-cn/ 进去之后选择合适的下一个，按着提示安装就行，装完之后win键+R，输入cmd 查看一下是否真成功了cmd里面直接输入: node -v 和 npm-v得到如下图版本类似的信息证明装好了 二、新建Vue项目 我的vue项目是由Visual Stu...
Visual Studio 2019配置vue项目的图文教程详解(最新)
weixin_45438314的博客
02-25 5819
问题点：在csdn找了好多配置教程，都没成功，运行显示 解决： 步骤： 一，环境安装 1：Vue项目一切基于Node.js，必须先安装NodeJS。 下载地址：https://nodejs.org/zh-cn/ 安装nodejs,一路next就行了 win+r 输入cmd 查看node.js是否安装成功 输入 node -v 和 npm -v 得到版本信息证明安装成功。 2：确认Visual Studio 2019环境：看扩展工具里有没有勾选Node.Js 3.创建项目 右击选择 运
使用VisualStudioCode开发Vue
kiba518的博客
09-29 3916
前言 本文主要介绍在VisualStudioCode下开发Vue。 Nodejs、Npm、Vue的项目搭建参考下面文章。 用后台开发的逻辑理念学习VUE 在Windows下学习Nodejs、Npm和VUE VSCode配置 首先为VSCode增加插件，ctrl+shift+X调出扩展管理界面。 Chinese (Simplified) Language Pack for Visual Studi...
精选资源
浅谈Visual Studio 2019 Vue项目的目录结构
01-20
到此这篇关于Visual Studio 2019 Vue项目 目录结构的文章就介绍到这了,更多相关visual studio 2019 vue项目内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！ 您可能感兴趣...
在Visual Studio 2019中修改项目名的方法
12-20
在Visual Studio 2019中创建不同类型的项目，如C++、C#或Vue项目，通常涉及选择适当的模板、填写项目名称和位置，然后点击“创建”。创建新项目后，可以根据上述步骤进行重命名，以满足特定的需求。 总之，修改...
Visual Studio 2019 正式发布
寒冰屋的专栏
04-03 2450
如约而至，微软已于今天推出Visual Studio 2019 正式版，一同发布的还有Visual Studio 2019 for Mac。 Visual Studio 2019 下载地址：https://visualstudio.microsoft.com/downloads/ Visual Studio 2019 for Mac下载地址：https://visualstudio.m...
在 Visual Studio Code 中创建 Vue 工程使用 Echarts 代码实现可视化
qq_73845968的博客
11-01 2199
在Visual Studio Code 中创建 vue工程实现echarts可视化
Visual Studio 2019配置vue项目
oopxiajun博客专栏
03-14 6808
一，环境安装 1：Vue项目一切基于Node.js，必须先安装NodeJS， 下载地址：https://nodejs.org/zh-cn/ 安装nodejs,一路next就行了 Additonal工具可以不用安装。 win+r 输入cmd 输入 node -v 和 npm-v 得到版本信息证明装好了。 2：确认Visual Studio 2019环境...
Visual Studio 开发Vue项目
ljfblog的专栏
12-16 4278
0.前言 Visual Studio 2022中有Vue项目模板，但是下载Vue时不顺畅。 所以改变镜像解决此问题。 1.安装Node.jsNode.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/ 2.更改npm镜像地址： 开始->运行->cmd: >node >npm config set registry=http...
visual studio code创建vue项目
qq_58983013的博客
07-04 3518
3.选择配置：运行上述命令后，Vue CLI会提示你选择一个配置模板。1.安装Vue CLI：首先，确保你已经在计算机上安装了Node.js。然后，在命令行中运行以下命令来全局安装Vue CLI： npm install -g @vue/cli。2.创建新项目：在命令行中，进入你想要创建项目的目录。然后运行以下命令来创建一个新的Vue项目：vue create my-vue-project。在这个命令中，"my-vue-project"是你想要为项目指定的名称，你可以根据自己的需要进行修改。
vue 创建vue项目
vbloveshllm的专栏
03-13 700
如果端口让占用的话，修改可以自己改一下端口号，打开config文件夹的index.js文件。后台：ASP.NET Web API (编码工具：Visual Studio 2019）1、按照必须的环境，包括安装好npm，webpack和vue-cli.前台：VUE （编码工具：Visual Studio Code）2、用vue-cli创建VUE前端项目。回车运行，根据后续的提示信息进行确认，基本框架：Element UI。这个红色标识为创建的项目名称。打开当前网址即可显示。
Visual Studio Code 创建vue项目
qq_34410726的博客
07-10 3835
vscode 创建vue项目
Visual Studio能编辑vue项目吗
weixin_42609225的博客
02-14 542
是的，Visual Studio可以编辑Vue项目。你可以使用Visual Studio代码来编写、调试和部署Vue项目。此外，Visual Studio代码还提供了诸如语法高亮、代码自动完成和调试工具等帮助开发人员提高效率的功能。 ...
使用Visual Studio Code编写第一个Vue
柳老师的博客
07-04 3419
在components文件夹下创建:child.vue文件,代码由两部分组成,js和template(也就是html代码)3) index.html 引用main.js,利用其将vue组件加载到页面.在你准备放置项目的地方创建一个文件夹,例如:D:\VSCodeProject。js是由vue框架书写,负责数据和逻辑,template负责内容的呈现.src/App.vue :父组件,引用了HelloWorld.vue。2) src/main.js 将组件加载到页面的一个对象.cd
通过VS创建vue项目
weixin_69383502的博客
05-09 932
回车之后等它跑完，进入目录后输入指令 npm run serve 运行项目。1.右击VS code，以管理员身份运行。
在VS Code中创建Vue项目
最新发布
nan2008zzu的专栏
04-17 4944
在VS Code中创建Vue项目的一般步骤如下：1、安装Node.js和npm、2、安装Vue CLI、3、创建Vue项目 本文创建的是带router的vue项目
Visual Studio 2019配置vue
06-06
要在Visual Studio 2019中配置Vue，您需要遵循以下步骤： 1. 安装Node.js和npm：Vue需要Node.js和npm才能运行。您可以从 https://nodejs.org/ 下载并安装Node.js，安装过程中会自动安装npm。 2. 安装Vue CLI：Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值