首先在d盘里面新建一个文件夹project,在vscode里面打开 打开终端 进入project文件夹 安装依赖
在本篇指南中,我们将一步步使用Vue.js(前端)和Node.js(后端)构建一个简单而强大的个人博客网站。我们将介绍项目的创建、前端和后端的搭建、数据的存储以及如何将它们整合在一起。
如果想按照Vue-CLI2的方式初始化项目需要安装2.x的模板,在终端键入如下命令(注意指定版本号):
一、配置开发环境: 1、先安装node (1)、访问http://nodejs.org打开安装包,正常安装,点击next即可。 为了测试是否安装成功,打开命令提示符,输入node,则进入node.
使用 GitHub + Hexo 搭建个人博客 提前准备 网络(尽量保证信号畅通) 电脑(Windows) 电源(220V) 精力 本教程图片存储于腾讯公共图床,原图床果然还是失效了,教程图片全部迁移至去不图床,失效可联系邮箱:1547563662@qq.com 工具安装 VSCode 安装: 到 Visual Studio Code 官网下载 VSCode 安装包。 点击左侧 Download for Windows 即可直接跳转下载。 右上角 Download 可选择更多版本下载。 这里提供 VSCod
下载 node.js 下载地址:https://nodejs.org/en/ 安装 node.js 无其他特殊操作,选择好安装路径直接安装即可 安装完成后,使用win+R快捷键打开 cmd 命令行窗口
首先,自行安装FileZilla,傻瓜式安装即可。打开FileZilla
这个也是因为前阵子的某牛活动,自己第一次接触小程序反编译。本文当时写了一半阳了,又处理了点事情,休息好了继续写写
第一种: IP+端口直接访问的方式,如 http://192.168.1.107:8080/ 第二种:IP+端口+项目名,如 http://192.168.1.107:8080/saas/
默认情况下,ASP.NET Core应用程序中的wwwroot文件夹被视为webroot文件夹,并且该文件夹或目录应位于根项目文件夹中。 在ASP.NET Core应用程序中,静态文件可以存储在webroot文件夹下的任何文件夹中,并且可以使用指向该根目录的相对路径进行访问。
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听事件、取消事件。。。。(确实很烦)。vue的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用vue-cli构建一个工程的时候,发现官方文档还是不够用,需要熟练掌握es6,而vue的全家桶(vue-cli,vue-router,vue-resource,vuex)还是都要上的。
在上篇介绍Node.js依赖关系管理的文章中,我们介绍了关于Node.js模块的基础知识,如何使用module.exports和require方法处理依赖项,以及文件夹依赖项(folder dependencies)的工作方式和工作原理。
在当今快速发展的网站开发领域,Next.js以其独特的优势和便捷的功能,成为了前端开发者的新宠。Next.js是一个开源的JavaScript框架,它建立在流行的JavaScript库React之上,专为构建用户界面而设计。作为一个专门用于构建网络应用程序的框架,Next.js被广泛描述为一个用于服务端渲染或静态生成应用程序的React框架。通过提供一系列工具和约定,Next.js极大地简化了基于React的网络应用程序的开发过程,使得构建快速、高性能且可扩展的网站变得更加容易。
参考文档:https://blog.csdn.net/ll666888999/article/details/123789098 参考视频:https://www.imooc.com/learn/1300 官方文档查看文档:https://v3.cn.vuejs.org/
前言/脚手架的介绍与作用: Vue-cli脚手架官方中文文档:cli.vuejs.org/zh/guide/ 1. vue脚手架是什么? 它是一个专门为单页面(SPA)应用快速搭建繁杂的脚手架,它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构(vue和webpack的项目模板)。 vue脚手架通常使用在大型项目中,能够加快我们的开发速度。而小型项目不推荐使用脚手架,因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架? 因为 we
KindEditor是一套很方便的html编译器插件。在这里做一个简单的使用介绍。
githubPages + hexo 搭建个人博客 hexo是基于git和Node.js的 必须先安装 git和Node.js; node.js安装 Node.js 下载地址 http://nodej
本文主要介绍ArcGIS JS API 4.14的离线部署和测试离线部署是否成功,JS API离线部署是ArcGIS JS API开发的首要前提,也是基本技能,希望本篇文章对大家有所帮助。
public class Help extends InitFrame {
首先在需要在文件行数右侧点击打上断点(红色圆),然后点击下图绿色启动按钮即可开始调试,代码自动运行到断点所在行,此时鼠标移入变量可以看到每个变量的当前状态
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。
前几天,因为借着看源码的热乎劲,搞了一个玩具Js库Strview.js。为什么会搞这么一个玩具库呢?其实也不全是因为晚上闲的没事,主要还是想通过实操来锻炼自己的开发能力。之前,我也写过一篇文章,那篇文章只是大体介绍了一下,没有深究。之前大家可能觉得它跟Vue.js差不多,是的,正是借鉴Vue.js的思想,但是有些地方还是不一样(个人觉得)。所以,今天,这篇文章介绍基于Strview.js搭建的项目脚手架工具StrviewApp。如果你觉得对自己有用,可以继续看下去。如果觉得这篇肯定是篇垃圾文章,你也可以避而远之。好了,我们现在就进去正题。准备好了吗?一起跟我来吧!
特别注意:上述第二个文件projectStores.js所在的文件夹名stroes是微信官方工程师的笔误,实际应该为stores,后续第8步会涉及到这个问题!
将打包后的dist文件上传到node项目文件所在的文件夹里,打开宝塔面板,打开网站,添加站点,输入域名,根目录选择dist文件夹,提交。
导读|很多开发者搭建自己的博客,会选择现有的博客系统方案,比如:Wordpress、Hexo和Halo等。其中Hexo博客作为全静态博客,没有数据库、对服务器资源消耗也极低,而且可定制化程度极高。本文将带领各位开发者基于Lighthouse轻量服务器快速搭建Hexo博客。 Hexo博客是一个基于Nodejs开发的一套博客系统。借助Hexo,开发者可以把自己的Hexo配置和Markdown文章,编译为HTML、JavaScript、CSS的存静态资源。exo对每片文章都有生成.html文件和真实DOM元素,而
Dockerfile 是创建容器的蓝图。它们是简单的文本文件,包含了创建容器镜像所需的命令,这些命令通常是您手动执行的。Dockerfile 就是您容器的源代码。
最近需要开发一个微信小程序,但时间相对较短为了更快的完成为微信小程序的开发接触到了微信小程序的云开发,可以不需要购买服务器,就能开发小程序和发布小程序,对于动辄千元的服务器,极大的节约了开发成本,受不住诱惑,就开始了小程序的云开发。
Webpack 提倡一切皆模块,所有类型的文件(css、图片等)都可以经过 loader 处理变成我们可加载的模块。
微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折。 注:带 * 的步骤或文件为不确定是否管用的步骤或文件。 本人系统为Linux Mint 18.1版本。 1、下载nwjs 下载nwjs(http://nwjs.io/)的SDK。 2、将微信web开发者工具拷贝到nwjs 将在window系统下安装的微信web开发者工具文件夹中的package.nw、icon.ico、* 微信web开发者工具.exe拷贝到nwjs sdk解压后的文
项目中 显示 pdf 的功能,浏览过不少的技术帖,都不太理想,花了点时间研究了下pdf.js正确使用方法,总结下:1.防止自己忘记 2.工作留有痕迹 3.供大家参考借鉴
作为前端程序员在平时也难免会编写一点后台Demo级别的代码,在语言选择上通常会选择Node.js作为主力工具,框架通常会选择老牌框架Express,在本文会讲解一个使用Express创建接口和搭建基本的Express
在vue-cli 2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来帮助各位踩一下坑。
2.打开django项目目录下的settings.py文件,如图添加内容,必须放在django本身的django.contrib.admin前面。
基于Visual Studio 2015,你可以: 方便的管理前端包,如jQuery, Bootstrap, 或Angular。 自动运行任务,如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些场景,Visual Studio 2015已经内置了一些流行的第三方工具包: Bower:Web包管理器,Bower可以帮你安装前端包,包括JavaScript、CSS类库。对于服务器端包,请通过NuGet包管理。 Grunt a
当我们只是简单的写几个Vue的简单程序,根本不需要用cli,杀鸡焉用牛刀说的就这个理。 相反,如果用Vue开发大项目时,需要考虑很多的因素,比如代码目录结构、项目结构、热加载代码单元测试等事情。这么繁琐的工作,人为去办不仅效率低,还容易犯错误,因此我们需要一个东西来自动帮我们完成繁琐的工作,这个东西就是cli。
可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。
Cocos 官方今天发布了 Cocos Creator 3.3.0 版本,《奔跑吧小仙女》同步升级最新版引擎,购买过的伙伴可免费升级。
目的:为Apache,php配置受限制的用户权限。保护系统安全。需要的朋友可以参考下。
https://segmentfault.com/a/1190000038525808
预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速
摘自:https://xuanwo.org/2015/03/26/hexo-intor/ 写的很详细了,就不仔细写一遍了,就当个记录吧,以后出问题了好解决一点。
写在前面:该部分的安装都是基于windows系统的,且此处的webpack的版本为:3.6.0。
一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位)
最近一直想做一个自己的个人博客,其实有很多框架可以用来搭建自己的个人博客,比如django,我最开始就是想到的它,但是看了有一段时间,感觉自己还是没有领悟,同时自己的域名也还没有审批下来,所以决定转战大家熟悉的gitpages搭建自己的博客。使用的最主要的技术是hexo+gitpages+workdown。其实很简单,希望本文对大家能有所帮助。 首先,我们应该搞清楚一个问题,一个博客是什么? 博客,也就是用文字和图片来记录自己一些心得和生活的地方。现在有很多大厂都有提供博客写作,比如 博客园,cdsn,知乎,新浪微博其实也可以算,只不过它的功能已经远比博客的功能要多得多了。搭建博客需要哪些条件:1.服务器2.域名3.搭建框架4.写作工具。 在这里,服务器,我们就用GitHub的服务器,域名就用GitHub提供的域名,框架选择hexo,简洁而优雅。下面我们来具体看一下。
打开IDEA编辑器,快捷键Ctrl+Alt+S打开Settings(设置)——>Plugins——>搜索vue.js(图中已经安装,没有安装的点击Install JetBrains plugins…进行安装即可),安装成功后重启IDEA。
webpack 自带 BannerPlugin,我们只需要在 webpack.config.js 中配置即可:
近段时间本人一直在思考如何基于vue搭建一个中后端管理系统的通用基础前端解决方案。思考的主要问题点如下: 如何使各个子业务模块的按需加载 css预处理方案的选择 如何引入现代的前端工程思想,也就是工程
一个功能就是一个模块,多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。
在地址栏中输入 https://Xing-hui.github.io 即进入你的博客.
领取专属 10元无门槛券
手把手带您无忧上云