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

  

<强>

  

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

  

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

  

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

  

安装nodejs,一路下就行了

  

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

  

其他工具可以不用安装。

  

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

  

win + r输入cmd

  

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

  

输入节点- v <代码> 和<代码> npm - v 得到版本信息证明装好了。

  

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

  

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

  

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

  

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

  

  

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

  

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

  

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

  

你要是熟悉打印稿可以选第一二个

  

项目名字可以默认

  

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

  

项目目录结构大致如下图

  

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

  

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

  

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

  

运行npm的指令<代码> npm安装- g>   

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

  

然后结束后再运行指令<代码> npm运行服务>   

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

  

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

  

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

  

  

到此这篇关于Visual Studio 2019配置vue项目的图文教程详解的文章就介绍到这了,更多相关Visual Studio 2019配置vue项目内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

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