此版为demo,写的不全面,下面附上更详细的。 更详细的请点击此连接:IDEA 使用VUE框架 1.vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,vue 被设计为可以自底向上逐层应用。 2.vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 3.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动 4.安装Nodejs 下载连接:nodejs 5.安装nodejs成功后需要进行检验,打开cmd命令行,输入node -v与npm -v,检验成功会出现版本号,出现版本号即为正确 PS C:> node -v v10.16.0 PS C:> npm -v 6.9.0 6.安装完Nodejs之后,在进行安装vue-cli3 7.执行命令 cnpm install -g @vue/cli,出现下图即为正在安装。 8.输入 vue ui 进入vue项目管理器,详细版有更全面的配置 更详细的请点击此连接:IDEA 使用VUE框架 9.使用命令来创建一个vue项目,由于我已经配置好了,想看配置更全面的请点击下面的连接 更详细的请点击此连接:IDEA 使用VUE框架 10.执行命令:vue create 项目名称(项目名称为你所要的项目名称)。 11.这里有一个小问题,就是在创建项目时,要创建Vue项目在D盘,那么在命令行中输入D:,回车之后,可以发现C盘变成了D盘。 PS C:> D: 12.要具体到某个文件的话,就继续输入:cd 某个文件夹的名字,按下tab,他会帮你补全。 如:cd .\VueDemo\,回车就进入到创建的vue项目的地方了。 PS D:> cd .\VueDemo\ //回车 PS D:\VueDemo\> PS D:\VueDemo\>vue create demoxs //创建为demoxs的文件名称 13.创建完成后,在次输入命令:npm run serve,运行Vue项目,当然你需要在IDEA中引入项目(Flie>Open>文件所在盘),然后就可以运行Vue项目了。 14.在cmd中需要具体到某个文件夹。 在IDEA中,IDEA会自动的具体到某个文件夹。 PS D:\VueDemo\demoxs\> npm run serve