Idea创建Vue项目流程

Vue项目创建流程

完全没有接触过vue的小白，之前还学过js，但是由于这近两年的时候一直在接触后台，前台已经忘的差不多了，想拾起来，学习学习。
用idea完全不知道怎么创建前台项目，然后问了我们项目的前台大哥，他推荐我两个网址来创建前端项目。

1. 这个属于前后台不分离的创建方式。

https://www.cnblogs.com/xinruyi/p/9360282.html?tdsourcetag=s_pcqq_aiomsg

2. 这种属于前台分离的创建方式

https://www.cnblogs.com/taoweizhong/p/10991912.html?tdsourcetag=s_pcqq_aiomsg

我用的是第二种创建方式，

我准备的jdk也是1.8的，然后直接在nodejs官网下载的稳定版（Windows版），下载完之后直接执行程序安装。在安装的时候有个地方让勾选，我没勾选，直接点的完成安装。

nodejs下载地址：https://nodejs.org/en/download/。

安装之后
就先不要看文档了，因为我一开始按照这个文档执行的时候，执行不下去，不知道他的项目是什么时候创建的，创建的是个什么样的项目，本来我就是因为不知道怎么创建项目才想学习学习，这一下子整个出，我一脸懵逼。
说下我的虎比经历，我自己随便创了个spring项目，然后直接按照他后续的步骤进行，

也就是这句话，然后提示我vue指令不合法之类的错误，然后我就从网上查被，然后发现我还没有安装vue，当然这个命令也出不来。苦逼。然后找了一个网址，按照这个教程继续执行。

https://baijiahao.baidu.com/s?id=1621989444415819861&wfr=spider&for=pc

对了，我忘记说项目是个什么项目了，sorry。

• 首先创建一个空的项目
  
• 然后点击“Next”，设置项目名字，点击“Finish”。
• 然后创建完成之后，让他在新的窗口中展示，会弹出这样的一个弹窗
  
• 点击“+”号，创建新的model
  
• 点击Next，设置model名字，然后完成。

这个文档中的vue\test 这个位置指的是咱们创建的空项目的名字的路径

然后继续安装webpack，装着完之后，执行的vue init webpack +项目名字，其中他的myVue写咱们的model名称。然后后续的安装就全部按照这个网址安装使用即可。

我安装完成之后，又回到了https://www.cnblogs.com/taoweizhong/p/10991912.html?tdsourcetag=s_pcqq_aiomsg网址，看到下面有直接从git上下载创建好的项目然后安装Vue.js操作，我没有在git上下载，我是直接用的我上面创建好的项目然后在idea中安装vue.js，设置了ECMAScript 6和如何启动。然后点击启动，启动成功之后创建项目就完事了。

我是个不会往深处去研究某些操作是干什么用，那些操作能干什么，通过这几个网址，也能大概了解到，nodejs相当于一个插件管理中心，咱们需要用到什么框架插件就下载下来，让项目使用。
我一般喜欢在写代码的时候再去深究某个操作是干什么用的，这个习惯不是很好。但是对于我来说，会让我理解的更深。ok，就到这里了，一个前台开发小白，慢慢接触，慢慢学习。