npm安装Vue

Posted sirwang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了npm安装Vue相关的知识,希望对你有一定的参考价值。

NPM安装CNPM

由于 npm 安装速度慢,使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:

大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]

npm 版本需要大于 3.0,如果低于此版本需要升级它:

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

# 最新稳定版
$ cnpm install vue

命令行工具

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可

 

进入项目,安装并运行:


$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080




以上是关于npm安装Vue的主要内容,如果未能解决你的问题,请参考以下文章

使用npm安装vue的步骤

Vue-npm命令解析

GitHub上下载的vue2.0代码想要运行在windows本地,需要安装哪些工具?Git?npm?

将 Vue 组件库发布到 npm

将 Vue 组件库发布到 npm

vue学习笔记1-基本知识