从零搭建vue工程

目录

前言：

1.在node.js官网进行下载对应的安装包

Node.js

2.安装对应的脚手架

3.下载vscode的安装包

4.在github上面下载成熟的方案

前言：

由于公司的发展，需要使用最新的技术搭建一套前后端分离的代码，于是前端使用了vue来进行搭建页面，所以在学习的过程中遇到的问题以及解决的方案，现在做一下记录，供同学们一起学习指正；

1.在node.js官网进行下载对应的安装包

Node.js

image

建议：下载这个稳定版本即可

2.安装对应的脚手架

image

遇到不能执行yarn install 的命令

image

使用命令解除限制：set-ExecutionPolicy RemoteSigned

image

使用命令进行yarn的安装：

npm install -g vue-cli

image

需要配置yarn的环境变量：

image

关于node.js的版本与npm版本不一致的问题，

image

可以看出来需要node.js的版本需要大于12才行：

重新安装了node.js的版本：

image

再次执行yarn install命令就可以了

image

遇到的问题以及解决的方案

3.下载vscode的安装包

4.在github上面下载成熟的方案

image

image

运行成功后的界面

image

下一期会搭建对应的接口，是springboot的maven搭建，以及swagger-ui 以及mybatisplus的连接本地的oracle数据库进行增删改查