栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

idea 新建vue-cli项目

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

idea 新建vue-cli项目

记录新建vue-cli项目

vue脚手架的使用依赖node.js 需要先去下载并安装node.js


根据 自身电脑选择对应版本即可。安装没什么要注意的点。一直选择next 最后选择finish即可。
检查是否安装成功。打开控制面板 输入 node -v,npm -v查看

环境配置 成功之后 。就可以安装脚手架了。
命令 npm install -g vue -cli ( -g 代表全局 )

如果提示vue不是 内部命令
先找到vue.cmd所在 的文件路径,在系统环境变量 Path中添加此路径

环境配置完成 之后 。右键idea图标选择属性。选择快捷方式,选择高级。勾选上用管理员身份运行。这一步操作是为了idea内的控制台可以获得足够的权限来使用命令

准备工作完成 之后就可以开始创建 vue脚手架项目了。
打开idea的命令控制台,先定位到你需要创建项目的文件路径,输入 下方命令语句
vue init webpack 项目名称

出现提示project name 输入自定义项目名
继续 project desription 项目描述
Author 作者
出现 选择。 Runtime + Compiler: recommended for most users
运行时+编译还是仅运行时。默认选择第一个
Install vue-router? (Y/n) 是否安装路由。选是。
Use ESLint to lint your code? (Y/n) 是否选择严格模式。建议选是。规范第一嘛。
Standard (https://github.com/standard/standard)
Airbnb (https://github.com/airbnb/javascript)
none (configure it yourself) 选择引入配置。
Set up unit tests (Y/n) 测试
? Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)
Yes, use NPM
Yes, use Yarn
No, I will handle that myself
这一块选择npm 即可
到这一步,项目 就开始创建 了。创建 完成之后打开即可

接下来 就是 项目初始化的配置
引入ElementUI npm i element-ui -S
引入axios npm install axios --save
引入 之后在打开 main.js配置

控制台输入 npm start 成功出现==> Your application is running here: http://localhost:8080

接下来修改一下端口的配置

host 0.0.0.0 支持外网访问。 感谢阅读 。写的不好,见谅

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/683711.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号