【个人学习笔记,谨慎参考】vue框架环境搭建

最近我在学习使用IDEA编程时发现了已经搭建好的vue框架,可以通过vscode和IDEA等软件直接与之连接,与数据库相连开发前后端分离系统,但与之发现了另一个问题,显示vue打开失败,查询之后发现是安装环境没有搭建好。

若是需要安装vue环境首先得安装最新的node.js,浏览器直接搜索node进入官网下载,这里就不提供官网地址了,笔者的node版本如下:

下面分步骤进行介绍安装:

1:首先下载保存至本地,然后放到自己想要存放的本地路径下(最好是c盘以外)

2:接着进行安装,图示如下:

【个人学习笔记,谨慎参考】vue框架环境搭建_第1张图片

安装时会在你的路径文件夹下产生其他的文件内容,静静等待安装完成,之后win+r打开窗口快捷键,输入cmd打开命令窗口:   【个人学习笔记,谨慎参考】vue框架环境搭建_第2张图片

进入命令窗口后依次输入下列 信息并执行:

// 设置为默认淘宝下载库aobao.orgs://registry.npm.t 

npm config set registry http   

npm install cnpm -g

cnpm install -g @vue/cli

切记,是依次输入并安装,安装图示如下:

【个人学习笔记,谨慎参考】vue框架环境搭建_第3张图片

安装完成后即可运行vue ul进行查看,若是成功则如下图所示,图示如下(这里显示的端口号为localhost:8080(这个是本地地址端口号。) ):

【个人学习笔记,谨慎参考】vue框架环境搭建_第4张图片

【个人学习笔记,谨慎参考】vue框架环境搭建_第5张图片

 接下来就可以开心的编程啦。

你可能感兴趣的:(vue框架环境搭建,vue)