WINDOWS下 VUE项目环境搭建

vue

1. 安装git

其右键git bash here定位比cmd的命令行要准确，接下来的命令都是利用git bash here。

2.安装nodejs

下载

1.进入node.js官方网站下载页，点击下图中框出位置，进行下载即可，当前版本为8.9.4，下载网址为：https://nodejs.org/zh-cn/download/

3.安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

npm install -g vue-cli，回车，等待安装

安装完后，可以输入vue，然后回车，如果出现vue的信息，则说明安装成功了。

4. 创建项目

自己找一个合适的地方，新建一个项目文件夹demo，根据自己的需要命名，

打开此文件夹，右键git bash here，

输入:vue init webpack test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作:

此时，观察demo的文件夹下又多了一个test文件夹，这个test文件夹就是vue项目的文件夹，如图所示：

5. 在test文件夹下git bash here

npm install，回车，等待一小会儿，回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）。

6. 在命令行里继续输入 npm run dev来测试环境是否搭建成功，如果出现如下图说明成功了：

注意：默认打开项目是localhost：8080

如果要查看项目修改的效果，必须是在项目所在的路径下运行 npm run dev //这个命令npm install 不确定是不是必加项