vue3学习第一天一、下载nodenodejs:JavaScript代码运行环境。npm:第三方js插件包管理工具,安装nodejs时会一起被安装。安装成功页面: 建议使用稳定版二、nvm管理node版本(可以不安装)nvm下载地址 nvm可以帮助我们快速切换node版本,由于坑比较多,所以下载前最好把已存在的nodejs卸载,安装时最好一直下一步,不要修改里面的默认路径。 下载完后输入nvm l
随着前端队伍越来越壮大,项目间共享代码就变得尤为重要。常用的框架/类库没必要在每个项目都放一份,团队内部产出的公共模块也需要有合理的共享机制。现在,用npm管理前端代码已经是业界趋势。楼主尝试用私有npm+资源管理系统的方式搭建起一套前端资源仓库,用以在公司内部托管公共代码,并为开发环境提供代码源。本文记录一下搭建过程,或许可以给大家做个参考。 整体架构搭建私有npm的话其实是非常简单的
sinopia 的优点: 配置简单,对环境依赖少(仅 node 就够了)支持 windows 系统下运行不需要数据库,sinopia内置一个数据库了是比较主流的方案 1.安装sinopia包2.配置npm3.启动sinopia,自动生成的工作目录如下(通过第一个warn可以看到具体路径):4.打开这个文件,config.yaml默认配置如下图5.打开浏览器地址 http://l
转载 2024-03-25 22:11:40
1632阅读
前面的话  不论是官网教程,还是官方DEMO,都是从0开始的服务端渲染配置。对于现有项目的服务器端渲染SSR改造,特别是基于vue cli生成的项目,没有特别提及。本文就小火柴的前端小站这个前台项目进行SSR改造 效果  下面是经过SSR改造后的前端小站xiaohuochai.cc的网站效果,github源码地址 概述【定义】  服务器渲染的Vue应用程序被认为是"同构"或"通
下面通过三种方法来搭建公司私有npm仓库,每种方式都有自己的优势。Node.js >= 6.11.3,我的Node版本:node v8.2.1 Linux or OSX,我的系统版本:CentOS Linux release 7.2.1511 (Core)教程归档在我的Github中欢迎修正和Starcnpm搭建安装npm install -g --build-from-source cnp
尝试自己搭建服务太过复杂,而且要将整个npm库镜像下来是不可能的,于是想到使用缓存的办法。所有的包全局安装,设置不从服务器获取包,这样 npm install 也可以正常使用。在外网机器上新建项目引用内网中需要包npm install -g输入命令npm config get cache查看缓存目录位置C:\Users\hongpu\AppData\Roaming\npm-cache&n
转载 2024-05-14 15:53:18
389阅读
npm 知识记录 环境准备Nexus 3.2.1 需要JDK8,如果没有JDK,需要先到oracle官网上去下载Nexus 下载地址:http://www.sonatype.org/nexus/ 我的版本当前最新版本:nexus-3.20.1-01-unix.tar.gz没有vpn的话可以使用我的网盘资源:https://pan.baidu.com/s/1AJcXYg57Iey
1、安装node 查看node版本:node -v2、创建node项目:创建文件夹app cmd /app:npm init -y 初始化node项目3、运行node文件 1、 cmd /app: node index.js 另一种运行方式2、 packge.json: 配置: “serve”:“node index.js”, npm run serve 运行4、设置淘宝镜 cmd 管理员: np
1、cnpm概述 cnpm是企业内部搭建npm镜像和私有npm仓库的开源方案。它同时解决了现有npm架构的一些问题。2、为什么企业需要私有NPM确保npm服务快速、稳定:对于企业来说,上线生产系统的时候,需要花半小时甚至更久等待npm模块依赖安装完毕,是不可接受的。部署镜像后,可以确保高速、稳定的npm服务。发布私有模块:官方的npm上的模块全部是开源的。一些与企业业务逻辑相关的模块可能不适合
转载 2024-06-24 17:01:19
90阅读
前言,最近负责vue组件,开始只是零碎的,但渐渐的多了起来,所以考虑做一套组件库发npm上,但是查看资料,基本都是缺胳膊少腿,没有一个是跑完全部流程的demo,所以自己参考资料以后做了一套上传、检测和使用的笔记供需要的参考。(备注:还是不清楚的可以查看视频教程。地址:) 标题:npm 如何发布和使用自定义组件1. 创建组件2. 上传组件3. 删除包4. npm登陆报账号密码错误 1. 创建组件(1
转载 2024-03-25 18:01:40
57阅读
Vue项目的环境搭建主要步骤如下:vue项目创建安装NodeJS+到官网下载自己系统对应的版本,这里我们下载Windows系统的64位zip文件,下载完成后解压,可以看到里面有一个node.exe的可执行文件。+如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级。`npm install npm -g  # windows`安装 webpack-安装好 npm 之后,就可以通过
 VuexVuex是在中大型项目中,用来管理一些变量的。因为如果项目比较大,一些数据在各个页面中可能需要进行交替使用,如果数据量比较大,通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。 官方文档:https://vuex.vuejs.org/zh/guide/ 安装:通过script安装:<script src="https
 VuexVuex是在中大型项目中,用来管理一些变量的。因为如果项目比较大,一些数据在各个页面中可能需要进行交替使用,如果数据量比较大,通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。 安装:通过script安装:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue
转载 2024-10-25 17:51:28
43阅读
Sinopia 是一个简单易用的私有 NPM 仓库服务器。在 CentOS 6 上安装时,遇到如下报错(Node 版本 6.9.1)#error This version of node/NAN/v8 requires a C++11 compiler这是 CentOS 6 配套的 gcc 版本过低导致的。需要升级默认的 gcc 4.4.7 到支持 C++11 的 4.9,步骤如下:首先按照 SC
环境搭建我们需要先从node.js官网安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。 安装完成之后,打开命令行工具(Mac打开终端),输入 node -v,如图,如果出现相应的版本号,则说明安装成功。   node -v 那么此时你发现你不仅拥有了node环境而且还有了npm包管理
前言: 我们前端开发难免会遇到一些东西是后端主动发起的,正常情况都是前端请求接口口后端答复,那么在一些特殊情况下可能需要实时数据,那么这样问题就来了,怎么做?用轮询?当然可以,只不过看使用场景,不过建议还是使用websocket来做会比较好,那么本文简单介绍一下在vue项目中如何使用websocket建立长连接1:何为Socket.io Socket.io是一个用 JavaScript 实现的实时
npm的安装和配置从官网下载node.js,点击安装,一直next就行,最后检查是否安装成功。查看node版本,node -v 查看npm版本,npm -v配置npm全局模块的存放路径以及cache的路径 在nodejs下建立"node_global"及"node_cache"两个文件夹 以管理员身份打开命令行窗口,输入以下两句命令,目录是你安装的nodejs的位置npm config set p
转载 2024-03-28 10:50:19
302阅读
什么是NPM简单来说,npm(Node Package Manager)是包含在node.js里面的一个包管理工具,NPM会随着Node.js一起安装。NPM为开发者提供了一个代码共享的大平台,当我们在项目中需要使用某个模块(jsvascript包)时,可以直接使用NPM包含管理工具来下载对应的包并安装2.packgr.json文件搭建一个前端项目之前,通常会在项目的根目录下生成一个名为packa
转载 2024-04-03 21:16:31
198阅读
npm是什么?NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包那么什么是包呢?a.定义: 包就是一坨代码可以是一个文件也可以是一个目录。b.目的: 用来解决问题。用以解决一个或一类问题。c.思路:NPM 的思路大概是这样的:买个服务器作为代码仓库(registry),在里面
转载 2024-05-16 00:09:50
32阅读
vue项目的创建+git仓库的使用安装环境:window10主要总结一下vue项目的创建以及上传到gitee仓库的过程。vue项目的创建首先vue项目是依赖于nodejs环境的 1.检查电脑中是否装有node win + r-------------------->输入cmd----------------------输入node -v 若显示无法识别字样,则未安装。 2.安装nodejs
  • 1
  • 2
  • 3
  • 4
  • 5