玖叶教程网

前端编程开发入门

谷粒商城--分布式基础篇(P1~P27)(谷粒平台)

谷粒商城--分布式基础篇P1~P27

用jenkins构建部署前端vue系统,linux-x64-83_binding.node


如果你是搜索linux-x64-83_binding.node,过来的,那么估计你是遇到和我一样的坑了。


关于如何jenkins+码云 实现自动化部署项目到centos上,可以参看这篇文章,写得比较详细,我这里略过了:

移动端vue项目总结(vue做移动端项目好还是pc端)

移动端坑的地方在哪里呢?


一是要适配各种机型,ios还好一点,但是安卓就坑了,各式各样的尺寸,加上高清屏,适配一直是一件很头疼的问题。但是,问题总能找出一些解决方案,媒体查询,rem布局,vw/vh布局等等。单纯的媒体查询太麻烦,而vw/vh布局呢,兼容性不是很好,低版本的手机不支持。所以,这次的项目,适配的重担就交给了rem布局。而rem布局,又大致分为了两个版本,一个是网易版本的,一个是淘宝版本的。详情可以参考这篇文章 —— 传送门

GitLab CI/CD 前端项目(gitlab webide)

image: node:latest
 
stages:
  - install
  - test
  - build-dist
 
# 在流水线中使用package.json缓存node_modules,只要package.json内容没变就一直使用缓存
cache:
  key:
    files:
      - package.json
  paths:
    - node_modules
 
# 定义安装npm包的job
install:
  stage: install
  script:
    - npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
    - npm install --registry=http://registry.npm.taobao.org
 
# 定义代码验证的job
code-lint:
  stage: test
  script:
    - npm run lint
  allow_failure: true # 运行失败,代码验证失败后仍然会执行后续job
 
# 编译生成文件的job
build-dist:
  stage: build-dist
  before_script:
    - 'command -v ssh-agent >/dev/null || ( apt-get update -y && apt-get install openssh-client -y )'
    - eval $(ssh-agent -s)
    - echo "$SSH_PRIVATE_KEY" | tr -d '\r' | ssh-add -
    - mkdir -p ~/.ssh
    - chmod 700 ~/.ssh
 
    - ssh-keyscan 115.159.52.223 >> ~/.ssh/known_hosts
    - chmod 644 ~/.ssh/known_hosts
  script:
    - npm run build
    - scp -r dist [email protected]:/usr/local/www
  artifacts:
    paths:
      - dist
  only: # 只在master分支编译,为了能够
    - master

npm出错误node-sass\vendor\win32-x64-83\binding.node

node-sass\vendor\win32-x64-83\binding.node

错误

webpack中使用loader加载css、less、sass样式

目的:因为传统的link加载css样式会发起二次请求,所以我们需要在webpack中使用loader加载css样式

准备:你需要准备一个已经配置好的webpack项目

配置cssloader

第一步:安装相对应的插件 (cnpm i style-loader css-loader -D)

Go 项目推荐之 go-admin(go的项目)

go-admin 是一个go语言开发的企业级快速开发平台,使用了Gin,casbin,gorm,Vue,Element UI,并且也内置了一些模块,如:用户管理、部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理等。

特性

vue中使用scss(vue中使用nodejs)

首先安装依赖:

npm install node-sass --save-dev 或 yarn add  node-sass
npm install [email protected] --save-dev

31、less 和 Scss 的配置使用以及特点?(必会)

less

Mac环境下node安装与卸载方法(mac 安装node)

pkg包安装

https://nodejs.org/en/

验证

<< < 1 2 3 4 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言