VUE 的安装环境

VUE 的安装环境

刚刚接触vue 安装了相对应的环境接下来我来说说步骤和，我所遇到的问题

1.首先肯定是前端的编辑器的下载这个就不多说了截图奉上，没有下载可以去安装一下

 

 

2.调试

这步挺重要的其实，我在弄这个的时候都搞了好久

• 1.cmd 检查 node是否的安装

  nmp -v

   

• 2.安装好了我们需要在编辑器里下载组件 Debugger for Chrome

 

 

• 3.有了这个组件我们就可以进行调试，让文件可以直接访问的本地ip而不是文件夹

  ctrl + f5 //以非调试模式运营

• 点击Chrome 只有你下载了上面的组件就会有的

• 注意了这个时候本来会跳出来

 

 

• 但是我在弄的时候并没跳出来，当时都急死了，不过之后被我找到了，在左边的那个栏里点击 ，下拉添加配置，之后就出现了

  

   

   

 

• 4，接下来需要在“ webRoot“最后面添加 /wwwroot

  

   

   

• 5.接下来打开终端安装全局变量

  npm inshall --global gulp//全局安装

  npm  install --save-dev gulp //作为项目的开发依赖安装

• 6.进行http-server服务，直接调试显示本地IP的页面

  //注意：我就是在这边卡住的死活状不了后来发现需要
     安装这个命令
  1.npm i -g http-server
    //这样就可以了
  ​
  2.http-server //这个步骤就可以运行了
  ​
  3.ctrl + f5 就可以直接调试了

 

 

 

 

 

3.安装扩展， 调试好了我们就要按照扩展 ，就可以创建vue的文件了

• vetur

  

   

   

• vue vscode snippets

 

 

4.在官网上下载vue.js

 

 

5.把下载好的文件放进你所创的文件夹下，随后在页面中引入即可