一、简单介绍下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,也可以使用箭头所示的启动按钮进行启动。
至此,启动完成,后续根据自己所需业务进行开发。