vue新手快速入门练习环境搭建

      新入公司可怜兮兮几年只会jquery等东东的我，被要求前后端一起来吧，好吧然后开始了vue的摸索之路，网上视频不少但是苦于如何简单快捷的搭建vue练习环境。简单的分享一下搭建的过程，vue不好招人啊，本着公司企业文化敬业分享，还是为今后的各种vue高手提供个简单的快速的入门搭建和学习，也为早日脱离前后端一起干的苦日子，分享是快乐的。

开始学习和干活

1、环境搭建

网上搭建vue项目的资料很多，这里直接贴出来了,万丈高楼平地起，还是要打好基础免得以后工作花更多的时间去修补坑

vue搭建环境参考：https://www.jianshu.com/p/5c4bde800762

2、学习B站视频教学地址

免费总是最好的：https://b23.tv/BV11s411A7h6/p1

可以手机端下载哔哩哔哩。

3、学习这个B视频使用的软件安装和简单用法

当然IDEA等工具都是可以的，这个还是跟着视频走节省时间,时间就是金钱我的朋友，我老了，时间不够用了

下载地址：https://code.visualstudio.com/

小白使用：https://www.jianshu.com/p/95c4c869bff1

相关插件：https://blog.csdn.net/liang377122210/article/details/78833369

                                                   (工具下载地址)

插件截图,当然不装也可以不装全，一样敲代码，下载下express插件视频中会使用到，快捷键ctrl+Shift+X，vetur（自动提示插件）

,需要配置下，file--preference--setting 找到下图位置，编辑setting.json,加入

"emmet.syntaxProfiles": {"vue-html":"html","vue":"html"}

                       (关闭search:follow symlinks此项)

                           (上图标红为插件安装的按钮，点卡上有搜索自己按下面的图安装)

(需要安装的插件)

4、visualStudio基本使用

上面vue安装成功了，是有的你项目地址了，就没有必要再去建一次，用visualStudio---file--open就可以了大致目录结构如下：

选中需要注释的代码段，按Ctrl + K + C 即可快速注释；
选中需要取消注释的代码段，按Ctrl + K + U 即可取消注释。

5、下载vue.js用来使用html导入后直接使用vue.js

vue.js下载地址:https://cdn.jsdelivr.net/npm/vue/dist/vue.js  嗯，可以去掉最后的vue.js ,然后右键保存链接到你见的testhtml文件夹下面就是了

直接贴到新建的那个目录下面就可以

选择你新建的目录新建html,以html结尾，生成的html文件直接！加回车自动模板建出html

导入vue.js文件引用，然后开始你的vue之旅吧，当前html快速浏览器打开命令为alt+B,采用服务器方式Ctrl+T ，然后>express启动，没有express直接下载express插件

如果报错打开异常的话，自己百度设置下默认浏览器如何设置，当然这些都做好了，还有问题可以关闭visualStudio工具重启

最后工具中可以直接使用cmd的入下图

路漫漫其修远兮，吾将上下而求索