从零搭建vue工程

简介: 从零搭建vue工程

目录

前言:

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

Node.js

2.安装对应的脚手架

3.下载vscode的安装包

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


前言:

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

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

Node.js

image.gif编辑

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

2.安装对应的脚手架

image.gif编辑

遇到不能执行yarn install 的命令

image.gif编辑使用命令查看权限的问题get-ExecutionPolicy:Restricted

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

image.gif编辑

使用命令进行yarn的安装:

npm install -g vue-cli

image.gif编辑

需要配置yarn的环境变量:

image.gif编辑

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

image.gif编辑

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

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

image.gif编辑

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

image.gif编辑  

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

3.下载vscode的安装包

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

image.gif编辑

image.gif编辑

运行成功后的界面

image.gif编辑

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

相关文章
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
3天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
10 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
9 1
|
9天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
30 10
|
9天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
30 9
|
9天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
24 7
|
7天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem