手把手使用idea创建vue项目

参考网址:

https://mp.weixin.qq.com/s/-AgBkwasbKHRjbLJRSJgQw

一、安装Node.js

首先要安装好Node.js,安装方法可以看我之前的文章

Node.js安装教程

小尉，公众号：51ASPNETNode.js手把手安装图文教程

二、创建vue项目

1、在IDEA中File-Open 打开一个空目录

2、然后输入命令npm install -g vue-cil 先安装vue的脚手架

然后等待安装完成。

3、安装完成之后，再输入命令vue init webpack myvue 创建一个vue项目（myvue 就是创建的项目名称，可自定）

先等待模板下载，下载完成之后需要输入一些信息才可以创建完成

不需要输入的地方可以直接回车

说明：

Project name ==> 项目名称 自己输入；

Project description ==> 项目描述 自己输入；

Author ==> 项目作者 自己输入；

Vue build ==> 打包方式，回车即可；

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；

Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；

Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；

Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；

新版需要选择运行依赖安装方式选择第三个 方便不费时

Should we run npm install for you after the project has been created? (recommended)

Yes, use NPM

Yes, use Yarn

> No, I will handle that myself

4、项目创建好以后，输入命令：cd myvue 先打开刚才创建的项目文件夹

然后输入命令 npm install 安装依赖，安装完成之后再输入命令 npm run dev 启动项目

出现这个界面之后，就可以在浏览器中输入网址localhost:8080 访问了。

打开下面的页面就安装成功了。

器中输入网址localhost:8080 访问了。

[外链图片转存中…(img-Flea6u7S-1652011719438)]

打开下面的页面就安装成功了。

[外链图片转存中…(img-nCkI6cZD-1652011719439)]

这样，vue项目就创建完成了。