vs搭建vue

用VS搭建vue

在网上一查，大多是vscode搭建安装vue，所以来个vs安装过程

原先我是用vscode配置搭建vue，可是莫名其妙出了很多问题，我花了几个小时，慢慢搞，到了最后一两步，就是弄不好，网上找不到解决方案，于是我就转向VS。
这也是我第一次使用VS，之前一直用的vscode(吃尽配置环境调试的苦)。都说vs更简单，于是我就尝试，结果还是出现一大把问题。
我在第二天脑袋清醒后，终于成功了…

下面是我的步骤和失败经验

首先确保安装了node.js，在cmd中检查：

看下vs中有没有√这个选项
接着新建项目，选择第一个vue.js Web应用程序

打开新建项目，右键项目名：选择“在此处打开命令提示符” 运行npm的指令

npm install -g

（这个指令会把你项目缺失的组件包全部补全）
目录结构显示是这样：

然后运行指令

npm install -g vue-cli

如果出现这样的问题;

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
或批处理文件
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! phantomjs-prebuilt@2.1.16 install: `node install.js`
npm ERR! Exit status 1
npm ERR! 
..............

那么将项目中的node_moudles删掉,到项目的根目录下，执行命令重新安装

npm install

npm run dev

打开localhost:8080

说明成功了！
使用该命令可以直接运行

npm run  serve

最后目录结构是这样:
下面给出我还出现过的一些问题，在没有找到摸索出成功的方法前进行的尝试：
点调试和运行出现这样的问题：

我也是佛了，我后来发现新建项目后，把最先建的vue项目文件夹删了，第二个项目就会出问题…
真是让我吐血了，我刚开始还一直不知道原因不停百度找答案，后来自己尝试摸索出这个原因…绝了
下面是我搞好后的一个发泄…
我现在是也有用vscode，两个都在用，以防其中一个突然出问题我无法解决。
都说vs好用，可我感觉vs一点也不善待我，泪目~
vscode,更不用说，都伤我千千万万，让我熬夜，哭（T-T）