从0开始配置vue环境

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_23035335/article/details/98101908

第一步、安装nodejs。 下载地址：http://nodejs.cn/download/   我下的版本是：Windows 二进制文件 (.zip)  直接解压就可以用，但是得配环境变量，不然就只能在解压后的文件夹中执行命令

第二步、在安装目录打开cmd窗口，执行如下命令：

1、安装淘宝镜像（类似于阿里云的maven中央仓库镜像）

安装时间有点长

安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令：cnpm -v

2、安装webpack

利用npm安装webpack命令行语句为npm install webpack -g。时间略长。

验证命令：webpack -v

3、接下来就是全局安装vue-cli。时间略长

安装语句为：npm install -g vue-cli

扫描二维码关注公众号，回复： 7652444 查看本文章

验证命令:vue -V (V要大写)

如果出现如下错误：

npm ERR! Unexpected end of JSON input while parsing near '...0.0.0","nyc":"^2.1.0"'

请执行：npm cache clean --force  后再重新执行：npm install -g vue-cli，即可成功。

 

 

这样基本的环境就搭建好了。

 

创建项目方法：

进入项目路径，执行：vue init webpack vuex-demo（项目文件夹名），然后根据提示按照自己需要配置项目