0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何使用springboot+vue搭建个人网站3

jf_78858299 来源:小牛呼噜噜 作者:小牛呼噜噜 2023-02-14 16:05 次阅读

1. vue简要介绍

Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue现在这么火,大家都懂。接下来让我们来认识一下她的魅力吧~

官网:https://cn.vuejs.org/下面小牛将带着大家把流程走一遍

2. 下载nodejs

直接去node.js官网下载最新稳定版即可。然后安装node,一直点下一步就能安装好了。

图片

安装完之后,我们打开cmd查看node和npm的版本。(npm包管理器,是集成在node中的)

图片

由于在国内通过npm下载依赖包会不稳定、速度慢、国外某些资源被屏蔽的原因,所以我们还最好配置一个npm的国内镜像,本文选用了淘宝镜像(稳定好用)。

安装cnpm, 在命令行中输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后等待,没有报错就代表安装成功了~~。

3. 安装vue-cli 脚手架构建工具

Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。

cnpm install -g vue-cli

可能会报的错误及解决方案:

安装完成后报错:无法加载文件 C:\\Users\\yizon\\AppData\\Roaming\\npm\\cnpm.ps1,因为在此系统上禁止运行脚本

解决:管理员身份运行power shell,再输入:

set-ExecutionPolicy RemoteSigned

输入A,回车

4.新建Vue项目

输入 vue init webpack vue-personal-website看需求,选即可

5. 启动项目

在cmd里,切换到当前项目中,执行下面命令

npm run dev

在浏览器输入http://localhost:8080出现

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 数据
    +关注

    关注

    8

    文章

    6508

    浏览量

    87525
  • Web
    Web
    +关注

    关注

    2

    文章

    1234

    浏览量

    68425
  • 网站
    +关注

    关注

    1

    文章

    256

    浏览量

    22728
  • 数据驱动
    +关注

    关注

    0

    文章

    118

    浏览量

    12241
  • SpringBoot
    +关注

    关注

    0

    文章

    172

    浏览量

    105
收藏 人收藏

    评论

    相关推荐

    如何进行个人网站的备案?个人网站怎么备案?

      如何进行个人网站的备案?个人网站怎么备案?下面是进行网站备案的的步骤: 第一个人
    发表于 11-04 20:02

    Linux搭建Vue开发环境

    本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程,包括vue的安装,webstorm 安装配置,devtools的安装。
    发表于 07-24 06:20

    springboot-vue后台管理项目如何快速打包

    springboot-vue后台管理项目快速打包
    发表于 05-18 15:12

    请问如何搭建一个vue环境?

    安装node环境搭建vue项目环境vue项目目录讲解开始我们的第一个vue项目
    发表于 11-13 06:23

    java springboot电影购票选座微信小程序源码功能简介

    功能简介后台:会员管理,电影管理,订单管理,系统管理小程序端:首页电影 选座 影院 我的 订单环境准备jdk1.8 mysql5.7 eclipse(idea) navicat后台框架springboot mybatis vue.js bootstrap具体实践...
    发表于 12-30 06:15

    数据可视化开发平台PageNow上线了

    PageNow是一款基于SpringBoot+Vue构建的数据可视化开发平台。
    的头像 发表于 03-02 08:53 3434次阅读

    vps搭建wordpress网站的3个步骤介绍

    你使用的是WordPress。WordPress是全球最流行的建站程序,而且是免费的。用Wordpress来搭建网站个人博客有两个好处:一是安装简单,二是建站遇到问题的时候,通过搜索引擎可以很容易找到同类问题的答案。 vps搭建
    的头像 发表于 07-07 17:04 2941次阅读

    Vue入门之Vue定义

    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 Vue 的核心库只关注视图层,也就是只处理页面。 Vue提供的一套JS框架,通常称为
    的头像 发表于 02-06 16:41 799次阅读
    <b class='flag-5'>Vue</b>入门之<b class='flag-5'>Vue</b>定义

    如何使用springboot+vue搭建个人网站1

    发现oracle的官网大变,界面更好看,也支持中文了,但是下载速度龟速,实在太慢。小牛挂上梯子都感觉慢。最后发现一个终极大法:
    的头像 发表于 02-14 15:52 561次阅读
    如何使用<b class='flag-5'>springboot+vue</b><b class='flag-5'>搭建</b><b class='flag-5'>个人</b><b class='flag-5'>网站</b>1

    如何使用springboot+vue搭建个人网站2

    * 1. maven下载(win10) * 2. 配置环境变量 * 3. maven配置 * 4. ***idea下载*** * 5. idea的maven设置 * 6. 新建Springboot项目(测试) IDEA默认有maven,但不建议用;建议自己下载官方版本;
    的头像 发表于 02-14 15:54 487次阅读
    如何使用<b class='flag-5'>springboot+vue</b><b class='flag-5'>搭建</b><b class='flag-5'>个人</b><b class='flag-5'>网站</b>2

    SpringBoot+Vue实现网页版人脸登录、人脸识别案例解析

    Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现。
    发表于 02-23 15:36 778次阅读

    SpringBoot+Vue实现网页版人脸登录、人脸识别

    技术点:Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现
    的头像 发表于 03-07 09:27 730次阅读

    如何利用华为云耀云服务器L实例搭建个人博客网站

    “树洞”。华为云有快速建站功能,提供上千套网站模板,覆盖上百行业,零基础快也可以速搭建个人网站,企业网站、电商
    的头像 发表于 11-10 09:16 286次阅读
    如何利用华为云耀云服务器L实例<b class='flag-5'>搭建</b><b class='flag-5'>个人</b>博客<b class='flag-5'>网站</b>?

    华为云耀云服务器 L 实例助你轻松搭建个人网站

    L 实例(以下简称:云耀 L 实例),它是结合了华为云多年的云产品经验,旨在为中小企业及个人构建云上服务的服务器。有快速建站功能,提供上千套网站模板,覆盖上百行业,零基础快也可以速搭建个人
    的头像 发表于 11-28 09:29 185次阅读
    华为云耀云服务器 L 实例助你轻松<b class='flag-5'>搭建</b><b class='flag-5'>个人</b><b class='flag-5'>网站</b>

    基于springbootvue框架的Java

    本文将详细介绍基于Spring Boot和Vue框架进行Java应用开发的实践。首先,将介绍Spring Boot和Vue框架的基本概念及其优点。然后,将详细介绍如何搭建Spring Boot
    的头像 发表于 12-03 15:15 481次阅读