本教程技术重点:怎么 使用 npm 下载 vue.js 使用 npm 下载

怎么使用npm下载vue.js

作者:神秘网友 发布时间:2020-11-23 11:00:22

怎么使用npm下载vue.js

使用npm下载vue.js的方法:首先前往node.js官网下载并安装工具;然后安装bower;接着初始化npm;最后通过“npm install vue --save”下载vue即可。

怎么使用npm下载vue.js

推荐:《vue教程》

  • 该方法适用于所有品牌的电脑。

使用npm下载vue:

一、安装npm

1. 安装node.js

npm(Node Package Manager): node.js下的包管理器

前往node.js官网下载并安装工具,nodejs安装完毕后自动会安装npm,在命令行输入以下命令测试是否安装成功,正确会出现版本号。

node -v
npm -v

再看看另外2个目录: C:\Users\Administrator\AppData\Roaming下的npm和npm-cache,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\nodejs

2. 更改本地库和缓存目录

先在nodejs目录下新建2个文件夹: node_cache和node_global

然后运行以下2条命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

看一下npm的本地仓库,输入以下命令发现目录已经改变:

npm list -global

3. 配置下载源地址

输入以下命令配置淘宝镜像站:

npm config set registry=http://registry.npm.taobao.org

输入以下命令显示所有配置信息:

npm config list

我们关注一个配置文件C:\Users\Administrator\.npmrc, 发现刚才配置的信息在该文件当中。

4. 更新npm

更新npm:

npm install npm -g

再次查看global里有什么模块:

npm list -global

5. 增加环境变量

将D:\nodejs\node_global加入环境变量PATH中。

二、下载核心库vue.js

1. 安装bower

先安装bower:(安装bower需先安装node.js和git)

npm insall bower -g

安装后,在node_global目录下会增加相应命令。

查看vue的版本:

bower info vue

2. 初始化npm

初始化npm,在项目中引导创建一个package.json文件用以保存安装包的信息:

npm init --yes

3. 下载vue至本地

进入到项目根目录,cnpm install vue --save或-S(cnpm为淘宝npm,若npm更改下载源地址为淘宝源,可以不用cnpm,直接用npm)

npm install vue --save

怎么使用npm下载vue.js的教程已介绍完毕,更多请关注跳墙网其他文章教程!

怎么使用npm下载vue.js相关教程

  1. 怎么安装vue.js

    安装vue.js的方法:首先从node.js官网下载并安装node;然后在命令行运行命令“npm install -g vue-cli”安装vue-cli脚手架构建工具;最后在项目目录中,运行命令“npm run dev”即可。 推荐:《vue教程》 该方法适用于所有品牌的电脑。 1.安装node.js 从node

  2. jquery 怎么下载

    下载jquery的方法:首先使用百度搜索“jQuery”;然后点击进入jQuery网站;最后找到适合开发的版本后进行下载即可。 该方法适用于所有品牌的电脑。 首先,打开您的浏览器,无论是什么浏览器都可以,只要可以连接上网络就行。 推荐:《jquery视频教程》 使用

  3. 怎么用npm卸载vue.js

    用npm卸载vue.js的方法是:通过执行【npm uninstall vue-cli -g】命令来卸载。如果我们要安装最新版本的vue.js,可以执行【npm install -g @vue/cli】命令。 环境: 本文适用于所有品牌的电脑。 解决方法: 运行下面的命令来卸载vue.js: npm uninstall vue-

  4. css怎么设置粘性定位

    css设置粘性定位的方法:直接在css的选择器中写【position:sticky】就可以了。粘性定位可以被认为是相对定位和固定定位的混合,元素在跨越特定阈值前为相对定位,之后为固定定位。 环境: 本文适用于所有品牌的电脑。 (学习视频分享:css视频教程) 具体方

  5. jquery包怎么导

    导入jquery包的方法:首先打开相应的代码文件;然后在文件开头处通过“script type=text/javascript src=js/jquery-1.10.0.js/script”方式导入jquery即可。 推荐:《jquery视频教程》 该方法适用于所有品牌的电脑。 代码如下: script type=text/javascript

  6. css怎么设置字体阴影

    css设置字体阴影的方法:【text-shadow:3px 3px 3px #00f;】。text-shadow属性应用于阴影文本,语法为【text-shadow: h-shadow v-shadow blur color;】。 环境: 本文适用于所有品牌的电脑。 (学习视频分享:css视频教程) 相关属性: text-shadow 属性应用

  7. 使用react native的好处是什么

    使用react native的好处是:使用React Native能够以经济高效的方式构建和维护跨平台的app,可以减少质量保证的费用;而一个跨平台APP,可以同时定位iOS和Android受众市场,可有更广泛的受众群体,具有更大的影响力。 React Native (简称RN)是Facebook于2015

  8. 文豆php培训怎么样

    现在市面上的PHP培训机构越来越多,相信大家对某些机构也是比较好奇,这里简单给大家介绍下文豆php培训。 文豆IT培训是文豆集团旗下一家具备专业IT技术实力的技能培训学院,成立于2009年,培训部位于广州海珠区鹭江,靠近地铁8号线鹭江站,交通便利。 文豆IT

每天更新java,php,javaScript,go,python,nodejs,vue,android,mysql等相关技术教程,教程由网友分享而来,欢迎大家分享IT技术教程到本站,帮助自己同时也帮助他人!

Copyright 2020, All Rights Reserved. Powered by 跳墙网(www.tqwba.com)|网站地图|关键词