Vue入门:Vue环境安装

Posted lfblog

tags:

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

安装环境

操作系统:Windows 10 64位

安装Node.js

1. 下载系统对应版本安装包

下载地址:https://nodejs.org/en/download/

2. 安装

除安装地址外其它全部使用默认即可

3. 设置模块存储位置

进入node.js安装目录新建文件夹【node_global】和【node_cache】用于存储Node.js后续安装的模块

技术图片技术图片?

4. 配置环境变量
在【系统变量】中新增【NODE_PATH】变量值为【node_modules】地址

技术图片技术图片?

在【用户变量】中修改【Path】中修改node.js组件安装地址,改为【node_global】地址

技术图片技术图片?

 

安装Vue.js

1. 安装vue-cli

进入cmd窗口 执行命令【npm install -global vue-cli】

技术图片技术图片?

2. 安装webpack

执行命令【npm install -g webpack】

技术图片技术图片?

至此Vue.js环境安装完成

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

Vue基础入门讲义-环境配置

vue2.0配置环境以入门实例

vue2.0配置环境以入门实例

vue2.0配置环境以入门实例

vue.js 2.0 --- 安装node环境和脚手架(入门篇)

Vue-cli入门——项目搭建