Idea搭建Vue项目以及创建项目过程

1.下载Node.js

下载地址
直接默认安装就行了
打开cmd 输入下面的命令查看是否成功安装

node -v
npm -v

2.下载Vue插件

1.打开idea点击File找到Setting
在这里插入图片描述
2.找到Plugins点击出现下图
在这里插入图片描述
2.搜索Vue.js点击下载即可
在这里插入图片描述

3.创建项目

1.点击File——New——Project
在这里插入图片描述
2.选择Static Web会出现Vue.js
在这里插入图片描述
3.点击Next输入项目名然后继续Next
在这里插入图片描述
4.选择pick a preset 然后Next
在这里插入图片描述
5.Check the features needed for your project 然后Next
在这里插入图片描述
6.Use history mode for router? (Requires proper server setup for index fallback in production) 然后Next
在这里插入图片描述
7.Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? 然后Next
在这里插入图片描述
8.Save this as a preset for future projects? 然后Next
在这里插入图片描述
9.等它下载完成即可
以上创建步骤可根据自己需要进行调整
在这里插入图片描述
10.运行
在这里插入图片描述
也可以在输入命令运行
在下面找到Terminal
在这里面可以输入命令也可以下载需要的工具比如element、axios等
在这里插入图片描述
11.效果
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42990567/article/details/106246070
今日推荐