npm

laravel实践2.引入bootstrap

喜欢而已 提交于 2021-01-20 06:56:13
1.安装bootstrap composer require laravel/ui --dev 2.引入bootstrap php artisan ui bootstrap 3.Bootstrap 是以 NPM 扩展包的形式集成到 Laravel 项目中的. 在package.json中可发现: bootstrap —— Bootstrap NPM 扩展包; jquery —— jQuery NPM 扩展包; laravel-mix —— 由 Laravel 官方提供的静态资源管理工具。 这些扩展包,为 Laravel 提供了一套完整的前端工作流。 4.可以使用 NPM 对这些扩展包进行安装。 先使用国内镜像加速: $ npm config set registry=https: // registry.npm.taobao.org $ yarn config set registry ' https://registry.npm.taobao.org ' 5.使用 Yarn 对扩展包进行安装,请在项目根目录下运行以下命令进行安装: $ yarn install --no-bin- links $ yarn add cross - env 6.编辑 resources/sass/app.scss @import ' ~bootstrap/scss/bootstrap ' ; 7.将

Node error when I run npm with laravel breeze

时光毁灭记忆、已成空白 提交于 2021-01-20 06:25:32
问题 I have this error when I run npm run dev or npm run watch and I didn't find what is the mess. It's happens in a all fresh Laravel 8 app. It looks like happen when I use the developement command ERROR in ./resources/css/app.css Module build failed (from ./node_modules/css-loader/index.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): TypeError: [(...variantsValue),(...extensions)].flat is not a function at /var/www/html/smart_recipe/node_modules

盘点2020年前端最火的8个技术

情到浓时终转凉″ 提交于 2021-01-20 05:21:45
2020年的年终岁尾,我们一起解读一下整个2020年的前端技术的8个技术, 并深度分析 2021年大前端领域又有哪些顶级技术趋势,你不容错过。 2020年注定是不平凡的一年,相信因为疫情很多程序员的工作和生活都受到了一定影响,其实现在前端的技术已经到了深水区,工程师主要分为前面架构师和前端图形学工程师,那么2021年整个前端技术又有哪些新的趋势? 01 第一个就是 TypeScript,TypeScript 整个呈现出爆发性的增长,在NPM它的下载量达到了四; 02 第二个就是 React 下载量达到了第一,但是Vue的star增长最多。很多人经常问我到底是深入React 还是深入Vue ,我建议你深入React,别问我为什么,你懂的~ 03 第三个就是 WebAssembly 已经逐渐崭露头角,其实我们浏览器这样的桌面应用化的趋势会越来越明显,在前端去增强web应用,WebAssembly 在整个下一年会有更加强劲的趋势 04 第四个就是no-code、low-code、pro-code在今年随着产业互联网的提出,整个行业进入了to b的转型期,未来的低代码会越来越受到大厂的重视,那么这个时候大家一定要去努力奔大厂。 05 第五个就是我们的Devops到NoOps的转换路径之一。变成目前大家都在尝试Serverless,所以在你的简历里如果没有Serverless,一定要尽量尝试

2021年前端最火的8个技术趋势

走远了吗. 提交于 2021-01-20 04:41:39
2020年的年终岁尾,我们一起解读一下整个2020年的前端技术的8个技术, 并深度分析 2021年大前端领域又有哪些顶级技术趋势,你不容错过。 2020年注定是不平凡的一年,相信因为疫情很多程序员的工作和生活都受到了一定影响,其实现在前端的技术已经到了深水区,工程师主要分为前面架构师和前端图形学工程师,那么2021年整个前端技术又有哪些新的趋势? 01 第一个就是 TypeScript,TypeScript 整个呈现出爆发性的增长,在NPM它的下载量达到了四; 02 第二个就是 React 下载量达到了第一,但是Vue的star增长最多。很多人经常问我到底是深入React 还是深入Vue ,我建议你深入React,别问我为什么,你懂的~ 03 第三个就是 WebAssembly 已经逐渐崭露头角,其实我们浏览器这样的桌面应用化的趋势会越来越明显,在前端去增强web应用,WebAssembly 在整个下一年会有更加强劲的趋势 04 第四个就是no-code、low-code、pro-code在今年随着产业互联网的提出,整个行业进入了to b的转型期,未来的低代码会越来越受到大厂的重视,那么这个时候大家一定要去努力奔大厂。 05 第五个就是我们的Devops到NoOps的转换路径之一。变成目前大家都在尝试Serverless,所以在你的简历里如果没有Serverless,一定要尽量尝试

Error: EACCES: permission denied, mkdir

China☆狼群 提交于 2021-01-19 08:01:44
近期在macos开发环境下使用npm,经常会出现无法mkdir,permission denied的问题,在windows下并没有遇到这种情况。 经查询需要在指令前使用 sudo 指令,例如:npm install your_module 改为 sudo npm install your_module 下方是一个报错信息。 npm ERR! path /Users/niceyoo/ . npm /_cacache/index-v5/ 92 /fc npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall mkdir npm ERR! Error: EACCES: permission denied, mkdir '/Users/niceyoo/.npm/_cacache/index-v5/92/fc' npm ERR! { [Error: EACCES: permission denied, mkdir '/Users/niceyoo/.npm/_cacache/index-v5/92/fc' ] npm ERR! cause: npm ERR! { Error: EACCES: permission denied, mkdir '/Users/niceyoo/.npm/_cacache/index-v5/92/fc' npm

React Native 环境搭建踩坑

孤街浪徒 提交于 2021-01-19 07:15:31
React Native (web Android)环境搭建踩坑(真的是一个艰辛的过程,大概所有坑都被我踩了 官方文档地址 : https://facebook.github.io/react-native/docs/getting-started 选择 Building Projects with Native Code 大家可以参照官方文档一步一步来,下面是我遇到的一些问题总结   查看一下node版本   node -v    ------- 进入安装之前最好查一下JDK版本 java -version (如果没有自己百度,配一下环境变量,这个也算是个超级大坑 o_o ....)   中间自行安装 Android Studio   也可以参考我新写的掘金文章去安装,嘻嘻    https://juejin.im/post/5e467f91e51d4526cb161357   执行 React Native 指令 npm install -g react-native-cli   装好了之后 创建项目 react-native init 文件名      出现图上之后项目就已经配置好了 //Android Studio 按照官网的配置就行了,   --------------- Android Studio 打开项目下的 android 文件夹 USB链接手机   ------

在微信小程序中使用vant

孤街浪徒 提交于 2021-01-17 07:51:14
在微信小程序中如何使用vant UI ,最近在开发小程序项目的时候遇到了这个问题, 去网上百度发现大家给的步骤普遍都是直接npm i vant-weapp -S --production,接着构建npm, 然而,我在尝试的时候发现,构建npm的时候一直失败,告诉我找不到node_moudules ???? 你们是不是也遇到了这种问题呢? 好的,接下来就让我来告诉大家真正的解决方案吧! 首先, 你需要在小程序根目录下打开命令窗口, 依次 输入以下命令 npm init 初始化 npm install --production npm i vant-weapp -S --production 第二步之前,你需要保证你的微信开发者工具版本比较新,否则没有是构建npm工具的 第二步就是,打开微信开发者工具,电击左上方 工具,找到 构建npm 构建完成,会生成 miniprogram_npm 文件夹 最后, 就是需要在页面中使用 vant 组件了,打开刚刚生成的 miniprogram_npm 文件夹 下面的 vant-weapp ,里面的就是vant 的所有组件配置文件,例如,button, 当在一个页面中调用vant的组件时,需要在对应的页面json中添加如下配置: 代码为: " usingComponents " : { " van-button " : " /miniprogram

微信小程序引入Vant

廉价感情. 提交于 2021-01-16 13:32:22
1、 在新建的小程序目录下 npm init -y 生成package.json文 2、npm 安装vant npm i @vant/weapp -S --production 3、选择微信开发者工具下的构建 npm 4、选择详情中使用npm模块 5、使用 在app.json或index.json中引入组件,详细介绍见快速上手 "usingComponents": { "van-button": "@vant/weapp/button/index" } 在页面中使用vant标签 <van-button type="primary">主要按钮</van-button> 来源: oschina 链接: https://my.oschina.net/u/2612473/blog/4906346

【taro】-------------- Taro学习笔录(初识taro)-------------【劉】

浪子不回头ぞ 提交于 2021-01-16 05:54:10
一、taro介绍 Taro 是一套遵循 React 语法规范的 多端开发 解决方案。从web、小程序、React-Native... 当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。 h ttps://nervjs.github.io/taro/ 二、特性 taro的语法风格:   taro的语法是遵循react的语法规则,如果对react了解的情况下则很容易上手。跟react一样,使用的是JSX的语法。 taro的开发支持:   taro最初就是为了多端项目开发而进行的研发的框架。目前支持   React-Native、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序   因为微信小程序不支持npm进行第三方库管理工具。而且还无法使用一些比较新的 ES 规范等等。则taro对这一方面进行的改进,进行了优化。   ✅ 支持使用 npm/yarn 安装管理第三方依赖   ✅ 支持使用 ES7/ES8 甚至更新的 ES 规范,一切都可自行配置   ✅ 支持使用 CSS 预编译器,例如 Sass

Local package.json exists, but node_modules missing

三世轮回 提交于 2021-01-16 05:14:06
问题 I am trying to start a Redux application I just cloned from a GitHub repository. I tried to run it with the following command npm start I am getting this error > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! react-redux@1.0.0 start: `webpack-dev-server --config ./configs/webpack