vue(1)——node.js安装使用,利用npm安装vue
node
node简介
node.js也是用js开发的语言,而且是一门服务端语言,更有大神利用node写了一个操作系统出来——NodeOS
node能干什么
自带下载工具:
对于我们开发前端项目,node其实用处挺大的,它自带了一个包管理器npm,类似于Python的pip,这个npm就可以下载很多第三方库以及框架,还有一些很实用小工具,都可以直接利用node下载工具
作为项目管理:
就是一种项目管理机制,这个在接下来就会介绍到
安装node
进入node的官网 传送门

如果这个页面默认没有你的操作系统对应版本,那你可以点那个download进入下载详情页选择合适的版本下载,我这里就选的windows平台下的10.15.3 LTS 版,LTS的意思就是长期服务版,如果你安装过Ubuntu的话应该对这个比较熟悉,你就可以直接理解成文档版就行了,右边那个是通行版的意思,看你的感觉吧,喜欢用哪个都可以
下载完之后双击运行就行了,傻瓜式安装步骤,要注意的就是如果你装的不在系统盘里,你安装完之后可能需要配置下环境变量你才可以用
安装完之后,在cmd下运行node -v,看是否安装完成,如果有显示如下,说明已安装

创建项目
准备好自己的项目根目录,比如我这里是如下,为什么是Python文件夹,因为这是为后期前后端分离项目做准备的
使用命令 npm init 初始化一个项目,然后出现如下提示

package name意思就是你的项目名是什么,不想改就直接回车
version就是版本了
description就是这个项目的相关描述
entry point就是整个项目的入口文件,默认就是index.js
test command 是测试命令,这里暂且为空,直接回车
git repository是指git仓库的意思,也暂时用不到
keywords关键词,也暂时用不到
author项目作者
license许可协议
好的,创建完之后,根目录就会有一个package.json文件,这个在后期也可以作为一个配置文件,可以进行一些相关的配置的

这里的node_modules文件夹和package-lock.json按照以上操作是不会有的,这个文件夹是在安装第三方库之后会自动生成的,所以这里忽略就是
使用node的包管理器npm
其实npm也有个类似Python的pypi社区网站: 传送门 而且你同样的也可以注册成为开发者,发布你自己开发的工具
npm的安装命令:npm i XX(包名) 、也可以是 npm install xx(包名) --save
在安装之前,你需要选择好你准备安装的目录文件,不然就安装在你当前的目录里
1.安装第三方库jquery:

2.安装vue

安装完之后,你可以利用一些开发工具打开你的项目目录,会自动生成一个node_modules文件夹,里面就是我们下载的第三方库

并且还会自动生成一个package-lock.json文件,这个也是相关的参数,同样的,具体的以后再说

nrm
nrm也是包管理器,因为npm安装时,服务器在国外,所以有时候下载库的时候容易崩,所以也就有了nrm,这里这个nrm也可以理解为镜像站,nrm可以选择安装源,里面自带一些国内的源,你还可以自己添加安装源
安装nrm:
nrm安装还是需要借助npm安装才行:
npm i nrm -g
-g的意思是安装在全局上,以后在任何位置都可以使用nrm了

安装完成之后,我另起一个cmd终端测试:

发现nrm命令已经配置到系统环境变量上了,这就是 -g 命令的作用
查看已有的nrm镜像源
nrm ls,其中,左边有个【*】符号的就是目前正在使用的安装源,这里的taobao就是默认的

切换镜像源
nrm use ...

利用nrm安装包
本质上,nrm安装其实最后还是调用的npm命令,只是安装源在国内而已,所以nrm的安装命令跟npm是一样的,比如安装一个翻译包:

使用fanyi做翻译测试:


是不是觉得很6了
卸载包

更新包
npm version 包名 版本号
vue(1)——node.js安装使用,利用npm安装vue的更多相关文章
- socket应用(vue、node.js、M站)
socket应用(vue.node.js.M站) 前言:我们在做一些项目的时候需要做到实时变化, 比如我们有时候有需求会要求我们做一个类似于聊天室的页面 比如有些时候我们对某些东西进行点赞和刷票,需要 ...
- Node.js 教程 01 - 简介、安装及配置
系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 0 ...
- Node.js 学习(一) 安装配置
Windowv 上安装Node.js Windows 安装包(.msi) : 32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node-v0.10.26-x ...
- Node.js之包与npm包管理工具
Node.js之包与npm包管理工具 1.Node.js中的包 1.1在一个包中包含如下内容: package.json:对包进行描述 在bin子目录中存放二进制文件 在lib子目录中存放JavaSc ...
- Node.js系列——(1)安装配置与基本使用
1.安装 进入下载地址 小编下载的是msi文件,下一步下一步傻瓜式安装. 打印个hello看看: 2.REPL 全称Read Eval Print Loop,即交互式解释器,可以执行读取.执行.打印. ...
- mac下配置Node.js开发环境、express安装、创建项目
mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...
- node.js、yarn、npm到底是什么?
最近在部署环境,在没有开发脚本的情况下,自己根据以往其他项目中的脚本去生搬硬套,发现很难对项目的配置成功.对配置不成功的情况进行判断,发现是对脚本不熟悉,不了解其原理,实现方式也不知道,所以抽时间去了 ...
- Node.js 包管理器 NPM 讲解
包管理器又称软件包管理系统,它是在电脑中自动安装.配制.卸载和升级软件包的工具组合,在各种系统软件和应用软件的安装管理中均有广泛应用.对于我们业务开发也很受益,相同的东西不必重复去造轮子. 每个工具或 ...
- Node.js在不同平台的安装方法步骤详解
Mac平台下搭建node.js开发平台 安装方式 1 步骤: 下载mac版的.pkg文件(简单直接和Windows差不多) 安装方式 2 步骤: 安装xcode(命令:xcode-select --i ...
- 利用npm 安装删除模块
转自 涵一原文 利用npm 安装删除模块 1. npm安装模块 [npm install xxx]利用 npm 安装xxx模块到当前命令行所在目录:[npm install -g xxx]利用npm安 ...
随机推荐
- 当初要是看了这篇,React高阶组件早会了
当初要是看了这篇,React高阶组件早会了. 概况: 什么是高阶组件? 高阶部件是一种用于复用组件逻辑的高级技术,它并不是 React API的一部分,而是从React 演化而来的一种模式. 具体地说 ...
- AspNetCore 目前不支持SMTP协议(基于开源组件开发邮件发送,它们分别是MailKit 和 FluentEmail )
net所有的功能都要重新来一遍,集成众多类库,core任重道远,且发展且努力!! 我们都知道,很多的邮件发送都是基于这个SMTP协议,但现在的.net core对这方面还不太支持,所以我们选择这两个组 ...
- [linux]孤儿进程与僵尸进程
转载自:http://www.cnblogs.com/Anker/p/3271773.html 一.前言 之前在看<unix环境高级编程>第八章进程时候,提到孤儿进程和僵尸进程,一直对这两 ...
- 【Python3爬虫】第一个Scrapy项目
Python版本:3.5 IDE:Pycharm 今天跟着网上的教程做了第一个Scrapy项目,遇到了很多问题,花了很多时间终于解决了== 一.Scrapy终端(scrapy shell) Sc ...
- 你真的了解 i++, ++i 和 i+++++i 以及 i+++i++ 吗?
我想大部分都知道 i++ 和 ++i的区别,i++ 就是先拿i来使用,之后再自增加1,而++i则是先自增加1,在拿i来使用,例如对于下面这两个语句,我敢保证大部分人都会做: int i = 1; Sy ...
- 如何发起、防御和测试XSS攻击,我们用DVWA来学习(下)
上一篇我们了解了XSS攻击的原理,并且利用DVWA尝试了简单的XSS攻击,这一篇我们来实现更复杂的攻击,然后探讨防御机制和测试理念. 前面我们通过脚本注入让网页弹出了用户cookie信息,可以光弹窗是 ...
- LinkedHashMap为什么是有序的(与put先后顺序一致)
本文版权归 远方的风lyh和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作,如有错误之处忘不吝批评指正! 絮叨絮叨 首先呢,明白一点 LinkedHashMap是HashMap的子类 ...
- Chapter 5 Blood Type——24
"She's just a little faint," he reassured the startled nurse. "They're blood typing i ...
- Chapter 5 Blood Type——16
"Okay, guys, I want you all to take one piece from each box," he said as he produced a pai ...
- ssh-login 一键密码加密登录工具
ssh-login 1. Feature 管理多个帐号,每个帐号一个易记的 tip name,支持 tab 进行 tip name 补全,一键 ssh 登录 密码 AES 加密,密文存储密码,且只需要 ...