使用 IDEA 搭建 Vue 项目
时间:2022-07-22
本文章向大家介绍使用 IDEA 搭建 Vue 项目,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
安装插件
查看你的 IDEA 的版本号
然后下载对应版本的 Vue
插件,可能需要梯子。
https://plugins.jetbrains.com/plugin/9442-vue-js/versions
也可以从 CSDN 下载:https://download.csdn.net/download/weixin_43941364/12384707
然后进入插件设置页面,选择从本地磁盘安装插件。
安装成功之后重启 IDE 即可。
安装 Vue
我们使用 Vue Cli3 脚手架工具,所以要先安装该工具。
前提是你已经学了 NodeJs
等工具。
npm install -g @vue/cli
或者使用 cnpm, 建议使用 cnpm
创建项目
有三种方式:
方法一:
首先新建一个文件夹,比如我这里就叫做 vue-demo01
,然后进入该文件夹,执行vue create hello-world
创建项目,然后使用 IDEA 打开项目,最后再 IDEA 的Terminal 中执行npm run serve
运行。
总结一下就两句:
vue create hello-world
npm run serve
方法二:
当然你也可以使用图形化界面创建项目:
在命令行窗口执行命令vue ui
,然后他会自动打开浏览器窗口。
选择创建即可。
方法三:
使用 IDEA 直接创建。
配置相关软件的地址,只要你电脑上面有环境,IDEA 就会智能检测,你只需点击下三角选择即可。
他会自动执行相关命令,就代替你执行了 vue create demo
的命令了。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【翻译】C++14的新特性简介
- Python 为什么要有 pass 语句?
- 【翻译】C++17的新特性简介
- 各类SQL日期时间处理方法
- 这可能是最全最实用的Vim操作集合
- 个人珍藏的80道多线程并发面试题(1-10答案解析)
- 理解DOM Diff算法
- 腾讯云ES集群通过COS实现跨地域备份与恢复
- Thymeleaf一篇就够了
- python scipy.stats实现各种常见的统计分布
- 操作系统基础 - 文件系统
- Linux升级OpenSSH修复高危漏洞
- Pytest之收集用例及命令行参数
- CVE-2020-14645:Weblogic远程代码执行复现
- 从0到1开发测试平台(七)后端服务添加swagger第三方类库