（VS）2019下安装vue并运行全过程-2021.6.3-暨VUE学习（1）安装

visual studio作为强大的IDE，运行vue不在话下。

vue项目文件类型是vue，是需要被识别成js文件才能被浏览器识别，只是运用node环境，不用学习node.js

VS2019下安装vue过程：

1.先去下载node.js：下载官方网址：https://nodejs.org/zh-cn/

 

下载后一步步点击安装即可，安装完成后

调出 cmd 输入node-v 查看安装的node版本号，输入npm-v查看npm管理器版本

VUE3需要node版本在8以上，这个需要注意，不是的话卸载重新安装即可

 2.安装npm镜像

选择国内较好的，二选一下面的

淘宝npm镜像：http://registry.npm.taobao.org

cnpmjs镜像：http://r.cnpmjs.org

cmd框中输入 

npm config set registry http://registry.npm.taobao.org

无反应

输入 npm config get registry查看镜像源，如下图所示

 3.安装npm-cli  脚手架安装

输入：npm install -g @vue/cli

 上图这样即可显示成功

cnpmjs镜像：http://r.cnpmjs.org脚手架命令是cnpm -install -g @vue/cli

4.输入查看 vue -v 脚手架版本

脚手架是一个基于VUE.JS进行快速开发的完整系统，通过@vue/cli 实现快速搭建标准化项目的脚手架

Vue版本和vuecli版本的关系：vue版本不受脚手架版本的影响，使用vuecli构建项目过程，可以根据需求选择相应版本的vue；

5.vs创建vue项目，打开vs2019--前提是vs2019安装时选择了node.js 没有的要先安装下

安装完成后新建项目，选择vue

5.1进入后，直接点击上方绿色的运行按钮，即可

5.2也可以右键项目解决方案，选择

右键解决方案选择倒数第二项，在此处打开命令提示符

在弹出cmd框中输入npm run serve

一样可以跑起来

6.vs安装后vue输入文字后会有乱码问题，这时需要把vue用txt打开，另存为utf-8的格式即可解决。