手把手使用idea创建vue项目
参考网址:
https://mp.weixin..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-38)]
打开下面的页面就安装成功了。
[外链图片转存中…(img-nCkI6cZD-39)]
这样，vue项目就创建完成了。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/229119.html原文链接：https://javaforall.net
![pycharm2021.11.2激活[最新免费获取]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
