欢迎访问优讯网!
您当前的位置:首页 > 爱编程

Visual Studio 2019配置vue项目的图文教程详解

时间:2020-03-17 10:21:03  来源:优讯网  作者:小卡司  浏览次数:
这篇文章主要介绍了Visual Studio 2019配置vue项目的教程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作,具有一定的参考借鉴价值,需要的朋友可以参考下
 

一,环境安装

1:Vue项目一切基于Node.js,必须先安装NodeJS, 下载地址:https://nodejs.org/zh-cn/

安装nodejs,一路next就行了

Additonal工具可以不用安装。

win+r 输入cmd

输入 node -v 和 npm -v 得到版本信息证明装好了。

2:确认Visual Studio 2019环境:看扩展工具里有没有勾选NodeJs

二,使用VS2019 创建Vue项目

后期会新增多个vue的项目,所以建议加一个vue名称 方案管理文件

你要是熟悉typescript 可以选 第一二个

项目名字可以默认

项目目录结构大致如下图

右键项目名:选择“在此处打开命令提示符”

运行npm的指令 npm install -g(这个指令会把你项目缺失的组件包全部补全)。

然后结束后再运行指令npm run serve(这是开发环境调试用的指令,能够在修改页面后自动刷新同步网页)

浏览器地址 输入 http://localhost:8081/ 可访问到

总结

到此这篇关于Visual Studio 2019配置vue项目的图文教程详解的文章就介绍到这了

来顶一下
返回首页
返回首页

原文链接:https://www.jb51.net/article/182825.htm


推荐资讯
如何下载旧版centos iso镜像 如何下载迷你mini版的centos镜像
如何下载旧版centos i
计算机的正确使用姿势 电脑痴如何正确的使用电脑
计算机的正确使用姿势
好用的后台管理的前端框架模版H-ui H-ui框架模版分享
好用的后台管理的前端
微信电脑多开方法 无需辅助电脑版微信双开方法分享
微信电脑多开方法 无
相关文章
    无相关信息
栏目更新
栏目热门