使用 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 数组属性和方法
- linux c下log输出代码模板示例代码
- linux adsl 拨号自动配置脚本的方法
- Python调用ip代理案例,快代理api调用demo
- centos7(redhat7)如何卸载自带yum并且安装国内yum源的方法
- linux用户组以及权限总结
- Linux Crontab Shell脚本实现秒级定时任务的方法
- Linux配置SSH和Xshell连接服务器的教程(图解)
- 增强Linux内核中访问控制安全的方法
- 使用Samba在Linux服务器上搭建共享文件服务的方法
- CentOS Yum编译安装MySQL 5.6
- Linux中环境变量配置的步骤详解
- 详解Linux搭建DNS服务器
- 一篇文章弄懂Linux磁盘和磁盘分区
- Ubuntu 17.04系统下源码编译安装opencv的步骤详解
- 如何在Linux中自定义bash命令提示符