Vue学习1：windows系统安装Vue

vue

转载自：https://www.cnblogs.com/miller-star/p/6394760.html

在本地windows系统构建Vue工程，需要在本地安装Vue，安装Vue是通过npm来安装的，因为nodeJs已经把npm集成到里面了，所以第一步先安装nodeJs。

1.安装nodeJs：https://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装完之后，win键+R快捷键启动运行窗口，输入cmd 回车，进入本地命令行窗口，输入 path，查看系统环境中的路径配置，Roaming\npm 的路径已经加载进去。

输入 node --version 验证 nodejs是否安装完成

3、npm安装好之后，利用淘宝npm镜像安装相关依赖。ps:我这里选择的是淘宝npm镜像为例（也可以选择其他的）

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org ，等待安装

4、依赖安装完之后，安装全局vue-cli脚手架,用于帮助搭建所需的Vue模板框架

输入命令：cnpm install -g vue-cli ，等待安装完成。

安装完成之后，输入vue 或者 vue -V 命令验证

5、创建一个vue项目

输入：cd /d D:\workspace\vue-test 切换到响应的工作目录

输入：vue init webpack 【项目文件夹名】，创建一个vue项目

如：vue init webpack vue_test 会在文件中生成一个【项目文件夹名】的文件夹

会出现下面配置选项：工程，Git的信息，Vue的配置，最后一条我选的 No，I will handle that myself，选其他的，我本地安装就卡死了。

ps：我就是这里安装卡死了

选最后一条，安装完成之后

6.安装依赖

1).输入：cd vue_test（项目名），进入到创建的项目文件夹

2).输入：npm install，等待安装

在文件系统中，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）

基于脚手架创建的默认项目结构如下图所示：

7.测试环境是否搭建成功

在cmd里输入：npm run dev

然后在浏览器里输入：localhost:8080(默认端口为8080)

至此，欧耶，完成。