Spring Boot+Vue+Element前后端分离入门（二）：使用IDE(IntelliJ IDEA)构建前端项目

IntelliJ IDEA构建前端项目

  • 点击 Create New Project


    image.png

  • 选择 Static Web -> Vue.js，点击 next


    image.png

  • 此处可以选择 CLI 的版本


    image.png

    注意 Project location 需要输入到项目文件夹一级而不是 workspace。输入完成后点击 Next，等待 Vue CLI 初始化。

  • 左下角找到Terminal执行cnpm install(使用npm,则为npm install)
    image.png
  • 运行完成后，输入 cnpm run serve 即可。
    image.png

  • 还可以在 package.json 文件上点击右键，选择 show npm scripts


    image.png

    然后就会出来 npm 命令窗口，想要执行哪个命令直接双击运行就可以了。


    image.png

    这些命令都是在 package.json 文件里预定义的。
    另外使用这种方法，可以激活 IDE 右上角的按钮。
    image.png

  • 点击下面链接或者复制到浏览器打开


    image.png

    就可以看到vue项目。


    image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容