一、简单介绍下vue
vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面。

二、安装node.js,官网下载即可。
官网链接:https://nodejs.org/zh-cn/download/
在这里插入图片描述
在这里插入图片描述
1.安装node.js(具体安装过程就不过多展开)
在这里插入图片描述
在这里插入图片描述

配置好环境变量后,安装好后,在命令中输入完命令,显示如图所示则表示安装好
在这里插入图片描述

2.安装vue-cli 命令行工具输入:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像,安装完成之后如下图,则说明安装成功
在这里插入图片描述
3.全局安装vue-cli,输入命令: npm install -g @vue/cli ,安装完成之后输入 vue -V(大写),如图
在这里插入图片描述
在这里插入图片描述
至此,安装完毕!创建vue有几种方法,这里着力演示idea方式创建。

三、idea创建
1.现在文件夹创建一个文件夹,例如我的vue-test
在这里插入图片描述
2.点击左上角File>>New >> Project
在这里插入图片描述
3.按如图显示
在这里插入图片描述
4.继续按如图所示,
在这里插入图片描述
在这里插入图片描述

最后选择Finsh,等待idea的创建完成即可。
在这里插入图片描述
创建好后,根据如图所示,可以在Terminal中使用命令进行启动 npm run serve,也可以使用箭头所示的启动按钮进行启动。
在这里插入图片描述
至此,启动完成,后续根据自己所需业务进行开发。
在这里插入图片描述

GitHub 加速计划 / vu / vue
207.55 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐