安装vue-cli步骤:

  1. 需先安装node.js,官网下载https://nodejs.org/en/ 

   学习前后端分离笔记(SpringBoot+vue)

 

    2.cmd窗口输入 npm  --version查看版本 配置国内镜像(此步骤可未后续节省很多时间)

       接着输入 install -g cnpm --registry=https://registry.npm.taobao.org 配置国内镜像(配置后需使用cnpm 代替npm)

      ps:(此处用不到)   安装与卸载指令

       安装:cnpm install -g vue-cli

       卸载:  npm uninstall vue-cli -g

  3.安装最新版本指令:cnpm install -g @vue/cli

  4.输入vue ui指令 弹出界面可新建vue项目,如下图:(如果第一次创建需自定义存放路径):

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

 

 

5、将vue项目导入到idea中 选择你vue项目存放的路径即可

学习前后端分离笔记(SpringBoot+vue)

 

6.导入后:需在idea中安装vue.js的插件

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

7.打开终端输入npm run serve 即可启动vue项目 项目启动成功后直接点击链接即可访问     ctrl + c 退出

学习前后端分离笔记(SpringBoot+vue)

学习前后端分离笔记(SpringBoot+vue)

 

--2020-07-18

这些都是我在b站上面看视频学习总结出来的一些知识点,也是视频中提出来的一些问题。由于github中的redme.md暂时不太会操作,先传到csdn上,希望能对大家有点帮助。还有部分springboot工程的创建已整理成word文档,后续有时间的话再继续上传上来。

 

相关文章: