决定从零到一打造一个vue个人项目（day1）

最新推荐文章于 2023-11-07 14:31:36 发布
最新推荐文章于 2023-11-07 14:31:36 发布
阅读量154 收藏
点赞数 1
分类专栏： web 文章标签： vue.js node.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45863436/article/details/114804842
版权

决定从零到一打造一个vue个人项目（day1）

简介

这是第一次认认真真的想把一个个人小项目做完，之前其实也有试过，写了个后台，不过是个半成品放上地址：https://gitee.com/tuziyige/fyadmin,没有写完有兴趣的小伙伴可以去下下来开一看，帮我改一改，个人是比较菜的。希望得到大佬的指教。今天开始我决定好好的写完一个自己的小项目，最近实在找工作但手头没有作品交出去，简历出去一直石沉大海，有点焦虑，静下心来想着还是自己先搞个成熟一点的作品，可能机会大些，之前也有自己的网站，但是由于腾讯服务器没有续费，被注销了，现在去买又很贵，就不放到线上了，下面这个项目，我会一步步的完成并开源出去，希望得到大佬们的指导，可能会有很多不足，不成熟的地方，希望大家点出，我算是个小萌新，也欢迎小萌新一起学习。

开端

我打算做一个有关音乐的小项目，起因是在hellogithub上找到了一个网易音乐的接口项目，链接附上，点这就行 .有兴趣的小伙伴也能去看看。

begin

首先是项目依赖的安装 node 就不多赘述了
然后是脚手架的安装使用命令

npm create music            //music是自己起的项目名称

还有一种创建方式init webpack的方式
创建完成后，命令行输入，就可以跑起一个项目了
在这里插入图片描述
启动成功后是这个亚子的

在这里插入图片描述

qq_45863436
关注
专栏目录
Vue项目之个人博客
03-06
我的个人博客，里面是我的第一个个人Vue项目，希望大家可以来看看
vue个人项目实战记录
William526的博客
11-26 765
1.项目本地打开： npm run dev ===> npm start 可以在config/index.js里把autoOpenBrowser改为true:(自动打开浏览器) host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by p...
vue个人小项目总结
weixin_33767813的博客
06-22 395
简介 自己写了一个vue小项目总结总结(为了节省篇幅和大家阅读的时间直接进入正题 认真脸！) 项目详情可以查看的我Github仓库地址 项目预览地址 vue-lottie动画教程 用户登录帐号密码都是11 后台管理登录也是11 (其实还有别的帐号密码,如果您有心情可以查看api自己用Postman注册,用户注册自己可以直接在页面上注册) github描述文档写了使用了写技术栈 ...
Vue项目搭建过程（个人）
m0_58122175的博客
07-21 320
Vue项目搭建过程（个人）
idea配置vue开发环境
drinkworld的博客
10-22 9484
1.下载node.js 下载地址：https://nodejs.org/zh-cn/ 2.安装nodejs 默认安装即可。 安装完毕后，测试安装是否成功。 3.修改镜像库位国内淘宝镜像 npm config set registry http://registry.npm.taobao.org 4.安装webpack npm install -g webpack 5.安装vue-cli npm install -g vue-cli 6.进入项目目录，安装依赖 npm install 7.idea配置
Vue开发笔记
一个人走的博客
01-04 267
1. 项目框架的搭建 1.1 后台框架： 后台框架用springBoot来做，前端框架用Vue springBoot用idea开发 项目结构是： application.yml # mysql spring: datasource: #MySQL配置 driverClassName: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/spot_vue?useUnicode=true&characterEn
60 个 Vue 常见问题汇总及解决方案
油墨香^-^的博客
02-03 548
具体配置在webpack.base.conf.js里面的rules里面的 url-loader，这样做的好处:在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。所以keep-alive一般缓存都是一些列表页,不会有太多的操作,更多的只是结果集的更换..给路由的组件meta增加一个标志位,结合v-if就可以按需加上缓存了!可以的,SSR(服务端渲染就能满足你的需求),因为请求回来就是一个处理完毕的 html，现在 vue 的服务端开发框架有这么个比较流行,如下Nuxt.js。
vue可能会遇到的问题、难点
最新发布
weixin_59970020的博客
11-07 1587
1、axios请求中post请求的坑。刚开始的坑是，使用axios的post方法请求数据，数据被拦截，数据一直传不到后端那边。后来查文档才得知 axios对于post请求是有拦截功能的，需要自己判断，或者使用提请的 qs 方法，将传给后端的数据进行下处理。 2、路由传参的功能的坑。之前一直使用路由传参，但是当本页面刷新的时候，页面上是没有参数的，因为参数是从上个页面传入进来的。 解决办法：使用了缓存，和vuex状态管理。但是由于项目并不是很大型的项目，所以使用最多的是缓存。 3、页面缓存的坑。有个填写信
Vue项目遇到的一些难点
weixin_56270315的博客
05-09 8373
1、使用axios.js处理异步加载时发现请求时传递参数会直接发送js对象到后端 而不是发送Form Data 而且post 请求 会发送两次请求 第一次是 method是options 第二次才是post。 解决方法：配合qs插件使用 也就是将对象格式化成 Form Data 类似jquery中的serialiZeArray()方法 2、使用vue-router时 URL模式引发的问题？ Vue-router 提供一个mode参数 用来控制 URL 格式 默认使用的是 hash格式 而我在...
Vue 项目中各种痛点问题及方案
前端达人
09-24 6786
作者：愣锤原文：https://juejin.im/post/6844903632815521799最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue...
vue开发中遇到的问题总结
10-15
在本篇文章里小编给大家分享的是关于vue开发中遇到的问题总结，有兴趣的朋友们可以学习参考下。
vue项目中遇到的难点面试.pdf
12-14
vue项目中遇到的难点面试.pdf
详细总结流行前端框架Vue重难点概念
FRIGIDWINTER的博客
10-20 5276
万字总结流行前端框架Vue重难点概念1 什么是Vue?2 Vue基本属性3 Vue基本指令4 组件化4.1 创建组件4.1.1 注册全局组件4.1.2 注册局部组件4.2 组件通信5 Vue底层原理5.1 虚拟DOM5.2 Vue运行流程5.3 生命周期钩子6 Vue-cli脚手架6.1 Webpack工具6.1.1 基本配置6.1.2 转换器Loader6.1.3 插件Plugin6.1.4 搭建本地服务器6.2 vue-cli6.3 Vue-router6.3.1 前端路由与后端路由6.3.2 实现前端
在线演示前端demo | github如何搭建个人vue项目进行展示
weixin_42974827的博客
09-18 3143
github提供免费的在线网站服务，免费托管代码服务，不需要我们花钱，就可以在线通过网络展示我们前端的项目，前提是我们要把vue项目打包部署在github上，就需要建立一个仓库。个人在线演示：Vite App后续会教大家如何做手机端和pc端的一套代码适配方案。
vue后台项目中遇到的技术难点以及解决方案
Jack, what else can you do besides holding your little darling?
09-24 5695
写在前面 马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到 在这个项目中你有遇到什么技术难点，你是怎么解决的？ 其实这个问题旨在了解你在遇到问题的时候的解决方法，毕竟现在前端技术领域广，各种框架和组件库层出不穷，而业务需求上有时纷繁复杂，观察一个程序员在面对未知问题时是如何
Vue个人项目的总结以及注意的地方
s983134950的专栏
02-02 9346
终于做完了第一个vue项目，本项目前端采用Vue，后端采用express+mongodb，Vue是使用vue-cli生成的项目。中间遇到很多问题，现在一一记录下来方便查阅,主要是上线部署出问题比较多 开发期的问题如下: (1)最好使用cnpm代替npm安装依赖，因为开发过程中少部分包如果用npm是无法下载完成，一直卡住，换为cnpm毫无压力记得加上--save选项，否则别人安装的话会缺少包,l
vue项目实战（个人博客）一------项目介绍
guoang
08-30 1万+
vue个人博客，简单的响应式设计
创建一个Vue项目(完整步骤)
热门推荐
Li_Wen_Zhong的博客
11-17 2万+
一、安装Node环境 1.下载地址:https://nodejs.org/en/ 安装过程——详细步骤 二、搭建Vue环境 1、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org 即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成功：输入 cnpm -v 2、全局安装vue-cli 输入：np
Vue的项目开发，你应该知道什么
mapbar_front的博客
01-29 1016
Vue进行项目开发，我们需要懂得知识栈，应该由这么一些部分构成：vue.js、vue-router、vuex、axios、vue的单文件组件、element-ui等。这些部分，就是vue项目开发的全家桶。 1、vue.js vue.js——是vue开发的基础。这些基础的技能组成有这样的一些东西。 、vue的基本指令。 v-if v-for v-model v-bind v-on
Vue-cli快速搭建：从零到一构建Web前端项目
Vue-cli是Vue.js社区广泛使用的工具，它是一个命令行界面工具，用于快速初始化和构建Vue.js项目。Vue-cli的核心优势在于其自动化配置，使得开发者无需手动设置构建工具，就能享受到现代前端工作流的便利。通过Vue-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值