（springboot-vue项目）vue前期准备

最新推荐文章于 2022-09-20 19:50:16 发布

starter_yo~

最新推荐文章于 2022-09-20 19:50:16 发布

阅读量275

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_55054495/article/details/119852112

版权

本文介绍了如何在已安装Node.js和npm的基础上，通过全局安装Vue CLI，使用手动选择功能的方式创建一个名为'springboot-vue-demo'的项目。在创建过程中选择了Vue 3.x版本，同时启用了Router和Vuex。接着在IDEA中配置并运行项目，通过添加--open参数使项目启动时自动打开浏览器。最后，解决Vue文件图标显示问题，安装Vue.js插件以方便代码编写。

摘要由CSDN通过智能技术生成

node -v 看到版本（安装好node.js）
npm -v 看到版本
npm install -g @vue/cli 安装vue脚手架
vue create springboot-vue-demo 创建项目

Vue CLI v4.5.13
? Please pick a preset: (Use arrow keys)
> Default ([Vue 2] babel, eslint)
  Default (Vue 3) ([Vue 3] babel, eslint)
  Manually select features

1.选择Manually select features

Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Choose Vue version
(*) Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
( ) Router
( ) Vuex
( ) CSS Pre-processors
( ) Linter / Formatter
( ) Unit Testing
( ) E2E Testing

2.再选择（按空格键） R