• 技术文章 >web前端 >Vue.js

    怎么使用npm下载vue.js

    藏色散人藏色散人2020-11-30 10:45:12原创685

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

    推荐:《vue教程

    本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。

    使用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的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:npm vue.js
    上一篇:什么是vue.js混入? 下一篇:vue.js项目如何编译打包
    大前端线上培训班

    相关文章推荐

    • vue.js有轮播图插件吗?• 什么是vue.js• vue.js为什么要用谷歌浏览器• 怎么安装vue.js

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网