Idea创建Vue项目流程

vue

Vue项目创建流程

完全没有接触过vue的小白,之前还学过js,但是由于这近两年的时候一直在接触后台,前台已经忘的差不多了,想拾起来,学习学习。

用idea完全不知道怎么创建前台项目,然后问了我们项目的前台大哥,他推荐我两个网址来创建前端项目。

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

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

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

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,就到这里了,一个前台开发小白,慢慢接触,慢慢学习。

以上是 Idea创建Vue项目流程 的全部内容, 来源链接: utcz.com/z/375822.html

回到顶部