前言博主本身是一直从事Java后端开发,一直想独立开发一套完整前端和后端技术结合的项目来提升自己的技术水平,经过对业界的一些热点技术的了解并对技术栈选型考虑后,博主打算利用Vue.js和Spring Boot技术栈来开发一个属于自己的博客系统,等开发完成把自己平时遇到的技术分享出来。由于对前端技术不是太了解,所以想从零开始把开发的整个过程记录下来,第一篇文章就先把前端环境搭建起来再弄后面的。...
原创
2021-10-11 14:16:03
1050阅读
新建vue项目:http://www.jianshu.com/p/de410cefd788 引入axios 添加引用,main.js: 配置co...
原创
2022-03-10 13:43:38
250阅读
文章目录1、开发环境搭建1.1、服务端环境搭建1.2、前端环境搭建1.2.1、后台管理系统(PC端后台)1.2.2、WebAPP应用(移动端前台)2、服务端接口开发2.1、服务端项目结构设计2.1.1、设计路由2.1.2、设计数据库模块3、后台管理系统开发(PC)4、WebAPP开发(移动端)5、服务端部署上线6、打包APP(Android) 1、开发环境搭建1.1、服务端环境搭建服务端技术栈:N
转载
2024-03-22 12:53:15
158阅读
做个笔记,有时候不记得如何来创建使用项目了,就到博客园来看看。做项目的时候会接触到前端,这时候就需要一些前端的知识了,前端当中,vue算是比较好用,且容易入门的,用vue来开发前后端分离的项目,可以降低项目的耦合度。使用vue的时候,用脚手架来开发单页面应用。创建脚手架项目首先需要安装node.js,在node.js中安装vue,方法过于简单,自行查找。 安装好nodejs之后,安装依赖
转载
2023-09-06 17:54:17
142阅读
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块:用户登录,退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有:vuevue-routerElement-UIAxiosEcharts后端技术栈主要有:N
【背景】并非权威,可能有错漏,欢迎指正!不胜感激!)【内容】Vue项目新建有多种方式,我这里选用的是使用模板创建,因为模板默认集成了很多项目中必用的东西,所以采用了这种。1、Windows+R,输入“cmd”打开cmd窗口或直接在需要新建项目的目录地址栏里输入cmd,然后回车,即可进入当前目录的cmd窗口。2、在cmd窗口里输入“vue init webpack 项目名”后回车开始新建Vue项目。
转载
2024-06-09 08:32:52
171阅读
文章目录一、NodeJs 下载及配置二、全局下载项目脚手架三、创建项目四、启动项目一、NodeJs 下载及配置本节内容参见本人
原创
2022-08-12 11:01:17
587阅读
文章目录Vue 项目前端响应式布局及框架搭建一、项目基本结构二、项目分辨率响应式创建1、flexible.js2、引
原创
2022-08-12 16:29:03
2228阅读
1. 安装nodejshttps://nodejs.org/en/download/current/npm自我更新:npm install -g npm2. 配置npm持久使用淘宝镜像npm config set registry https://registry.npm.taobao.orgnpm config get registry3. 安装vue-clinpm insta...
原创
2021-08-10 12:40:17
234阅读
不在需要 npm install。6、创建完成后,进入文件夹。使用element-ui。
原创
2023-06-10 00:50:44
72阅读
Vue 是一套用于构建用户界面的渐进式框架,本篇博客讲述如何搭建一个基础的Vue项目 开发环境 系统环境:windows10 开发工具:Visual Studio Code或HBuilderX或IDEA,根据个人喜好选择 Node JS Node JS Node JS是一个JavaScript 运行
转载
2019-08-26 20:32:00
155阅读
转载来源:https://..com/shenyf/p/8341641.html 搭建node环境 下载 1.进入node.js官方网站下载页,点击下图中框出位置,进行下载即可,当前版本为8.9.4,下载网址为:https://nodejs.org/zh-cn/download/
转载
2019-07-30 15:57:00
163阅读
2评论
一, 使用Vue脚手架1.1. 使用脚手架创建模板项目1) vue-cli是vue官方提供的脚手架工具 command line interface 2) 最新的版本是4,3)  
转载
2023-11-02 10:03:06
57阅读
一、先介绍一下我接下来要做的项目 项目:ide可视化工具 技术应用: Vue2.0(js框架):https://cn.vuejs.org/ ElementUi(饿了吗ui框架基于vue的):http://element.eleme.io/#/zh-CN Ecahrts(图表):http://echa
转载
2018-09-13 11:34:00
386阅读
2评论
本文适合小白看,本人是个后台,不过对前端技术颇具兴趣,日前刚好搭建了一个项目,写个文章分享出来,步骤都很详细,对webpack和react不熟的小伙伴可以看看。1.下载安装node.js官网下载安装即可,安装好后默认会自动安装好npm包管理,我们打开cmd控制台,输入node -v 和 npm -v 出现对应的版本信息,则为安装成功2.新建一个项目目录,进行npm初始化我在d盘下新建了一个my-a
转载
2024-05-15 10:20:54
60阅读
记录一下vue项目的搭建流程。1.安装node、npm下载地址为:https://nodejs.org/en/设置环境变量,命令行分别输入: node -v npm -v 查看安装是否成功设置淘宝镜像源,命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org命令行输入:cnpm -
转载
2023-07-27 22:18:34
75阅读
创建项目目录1. 创建项目 cd 项目目录
vue init webpack luff 2. 在pycharm的终端下运行vue项目,查看效果。启动项目 npm run dev 接下来,我们根据终端上效果显示的对应地址来访问项目(如果有多个vue项目在运行,8080端口被占据了,服务器会自动改端口,所以根据自己实际在操作中看到的地址来访问。)访问:http://localost:8080