Vue学习之--安装(npm方法)
初步安装vue(npm方法)
·
在用Vue.js构建大型应用的时候推荐使用NPM安装方法,NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件
前言
首先,先列出我们接下来需要的东西:
node.js环境(npm包管理器)
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像
提示:以下是本篇文章正文内容
一、安装node.js
从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,输入node -v
命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。
代码如下(示例):
npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v
命令,显示npm的版本信息。
代码如下(示例):
到目前为止,node的环境已经安装完成,npm 包管理器也有了,由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm
二、安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org
,然后等待,没报错表示安装成功
代码如下(示例):
完成之后,我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的,查看淘宝npm镜像官网
三、安装vue 脚手架构建工具
在命令行中运行命令,最新稳定版 npm install -g @vue/cli
,然后等待安装完成。
是否安装成功:vue -V
总结
通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目
我的小程序二维码
更多推荐
已为社区贡献2条内容
所有评论(0)