
开发环境安装配置
文章平均质量分 83
以实战为主,一步步安装搭建和配置开发环境,跨过新技术学习的第一道坎。
wywar
主攻前端开发微信小程序和vue,从jQuery手写页面切图,到Bootstrap,vue,react,安卓均有涉略,后端php(laravel),node.js(express, koa2),mysql,mongodb,radis有些经验。在学时入门C,C#,sql server,dreamever网页设计,ps。
展开
-
npm install报错: https://registry.npm.taobao.org/: certificate has expired
如果打印出来的是 https://registry.npmmirror.com,则说明已经设置成功。再次执行之前的安装依赖命令,就能成功拉取依赖包啦!#设置新的淘宝源npm镜像。#查看 npm 当前设置。原创 2024-03-19 23:50:01 · 2018 阅读 · 0 评论 -
React项目引入使用Tailwindcss
在React项目中使用 Tailwind CSS,需要安装tailwind,配置tailwind,配置项目使用tailwind,样式文件引入tailwind,最后可以在组件中写tailwind样式类进行开发。在 tailwind.config.js 文件中,配置 purge 选项指定所有的 components 文件,使得 Tailwind 可以在生产构建中对未使用的样式进行摇树优化。Tailwind 会在构建时将这些指令转换成所有基于您配置的设计系统生成的样式文件。原创 2023-04-15 00:44:04 · 2839 阅读 · 2 评论 -
还在使用eject命令配置React项目?快来试试craco
使用 Create-React-App 创建的项目,我们可以使用 eject 命令来弹出配置项,但eject命令是不可逆的,执行命令后需要自己管理配置项目。更新 package.json 文件中的 scripts,将 eject 以外的所有脚本都用 craco 代替 react-scripts。craco是一个用来重写覆盖使用 Create-React-App 配置的工具。在项目根目录新建 craco.config.js 文件,并在这个文件中进行配置。原创 2023-04-14 15:16:28 · 855 阅读 · 0 评论 -
.nvmrc文件是什么?.nvmrc文件怎么使用?
这就需要一个管理项目node.js版本的方法,自动切换node.js版本的方法,.nvmrc该上场了!在我们开发vue,或者react的时候,项目需要用到指定版本的node.js,这时我们可以使用nvm去管理多个版本的node.js。举个例子,在当前目录下,让nvm指定18.12的最新发布版本,最新发布的LTS版本,最新发布的node版本。在有.nvmrc文件项目,打开vscode的集成终端,会发现已经自动运行nvm use,命令行有相应的输出。文件的字符串告诉 nvm 使用哪个版本的node.js。原创 2023-03-25 12:24:54 · 10408 阅读 · 4 评论 -
怎么新建Vue项目?怎么打包发布Vue项目?
这一步就已经是正式进入vue项目的创建了,也十分简单,打开终端执行以下命令,回车后按提示输入项目名,再把接下来的选择全部直接回车就好了!以上命令已经把项目基本目录结构和文件准备好了,现在要做的就是根据你的需求,用组件去搭建实现应用了。非常简单,安装好之后打开终端进行验证,以下命令都能正常输出版本号就成功了!辛辛苦苦码的代码,不能只在自己的电脑上能看到,也要展示出去让其他人看吧!这一步是开始把项目跑起来,可以在浏览器打开进行浏览你的vue项目了!好,现在就打开你的 vscode 敲代码吧!原创 2023-03-24 20:05:09 · 377 阅读 · 0 评论 -
从0开始学react系列 - 第一节: 搭建环境+创建项目
终端提示 webpack 编译成功,浏览器也自动打开访问 localhost:3001了(我这里因为有另一个项目占用了3000,所以自动切换到3001端口了,全新启动的是3000端口的),项目脚手架初始化的页面成功展示出来了。如果提示 node.js版本过低,要求node.js14以上版本,重新安装达到要求的版本,或者使用nvm切换到高版本。因为上面我们已经执行 create-react-app,所以已经创建好项目,这时我们就不能重复create了,否则提示目录已经存在。安装了nvm的情况下,执行。原创 2023-03-18 14:53:46 · 219 阅读 · 0 评论 -
从0开始学react系列 - 第二节: 组件化搭建博客首页
https://react.dev/learn/react-developer-tools,按照你用的浏览器进行安装,如果是chrome浏览器点击就直接在扩展页面进行安装了。开始之前我们先安装好浏览器 react开发者工具,安装之前打开react项目时,控制台会有一段提示输出让我们安装开发者工具。sass语法教程:https://www.sass.hk/guide/,使用sass可以方便进行样式嵌套,定义变量等操作。由于兼容性的问题,我们安装4.14.1版本,注意需要检查对应符合的 node.js版本。原创 2023-03-22 01:01:28 · 169 阅读 · 0 评论 -
MacOS安装flutter开发环境
在任何屏幕构建apps。Flutter是一个谷歌开源框架,用一套代码就可以构建优美的,本地编译的,多平台应用。我们先来安装好开发环境,开启学习之旅。原创 2023-03-12 00:24:02 · 1352 阅读 · 0 评论 -
node.js版本管理工具nvm的安装和使用
当我们使用新的前端框架时,经常会提示我们某个工具需要更高版本的node.js,但是现有的一些旧项目又需要依赖旧版本的node.js。于是nvm应运而生,它是专门用来管理node.js版本的工具。有了它我们可以在不同的项目中使用不同的版本,也可以在终端很方便地切换版本来进行匹配不同的环境。有安装教程,在macOS上是一样的安装。这里只做macOS或者linux的安装介绍,windows的可以自行查找安装。会输出所有的 node.js 版本,此处只截图一小部分。在项目中一般以上命令就可以满足开发需求了。原创 2023-03-18 08:00:00 · 354 阅读 · 0 评论 -
阿里云服务器安装ftp服务,客户端FileZilla管理文件
vsftpd 是“very secure FTP daemon”的缩写,安全性是它的一个最大的特点。我们经常需要在测试服务器上部署开发好的更新,安装一个ftp工具来管理文件比较方便,现在就来看看看怎么使用FileZilla连接centos管理文件。原创 2023-03-17 21:03:07 · 539 阅读 · 0 评论 -
阿里云centos从0开始部署node.js应用+mysql+pm2+yarn
1、购买阿里云主机后,登录阿里云管理控制台,在云服务器ECS实例中重置实例密码和远程登录密码。2、在云服务器ECS实例中打开网络和安全组,设置端口开放规则。回车,输入密码进行登录。3、安装node.js。原创 2023-03-17 18:42:48 · 789 阅读 · 0 评论 -
阿里云服务器CentOS安装redis
您只能从运行Redis的计算机127.0.0.1(localhost)连接到Redis服务器。恭喜,您已在CentOS 7服务器上成功安装了Redis。如果使用单个服务器设置,并且应用程序和Redis在同一台计算机上运行,则不应启用远程访问。恭喜,这时您已经在CentOS 7服务器上安装并运行了Redis。如果您的服务器上禁用了IPv6,则Redis服务将无法启动。仅当您要从远程主机连接到Redis服务器时,才执行以下步骤。此时,Redis服务器将接受TCP端口6379上的远程连接。用您的IP地址替换。原创 2023-03-16 07:30:00 · 348 阅读 · 0 评论 -
阿里云服务器centos安装nginx,配置vue项目,开启nginx反向代理
主要配置文件:/etc/nginx/nginx.conf 指向:/etc/nginx/conf.d/default.conf。1.查看文件目录是否做默认目录(/usr/share/nginx/html)下,一般出现这个问题,是因为文件不在默认文件夹下。模块所在目录:/usr/lib64/nginx/modules。访问日志:/var/log/nginx/access.log。错误日志:/var/log/nginx/error.log。默认站点目录:/usr/share/nginx/html。原创 2023-03-15 21:04:02 · 417 阅读 · 0 评论 -
MacOS环境配置 .zshrc .bashrc .bash_profile
每当学习一门新技术的时候,其中一个最大的拦路虎就是环境安装配置,比如java,安卓,比如php都需要安装和配置一大堆工具,安装不顺利的时候无疑会在我们的热情上浇一头冷水。这不,最近打算学习Flutter开发,光是安装配置就捣鼓了好几天,现在记录下来Mac环境变量的配置。在安装好 java sdk 之后,如果我们需要运行 javac 对 java文件进行编译,首先需要打开shell,然后通过执行 java 安装目录的bin目录下的命令工具。配置好环境变量,那我们就可以在任何目录下直接输入命令就可以执行。原创 2023-03-12 18:08:38 · 15395 阅读 · 0 评论