1、由于Windows不自带git环境,需自行下载安装http://www.git-scm.com/download/
2、搭建vue环境
1)nodejs官网http://nodejs.cn/或者https://nodejs.org/en/download/下载安装包,无特殊要求可本地傻瓜式安装,这里选择 2017-5-2发布的 v6.10.3,也可选择阿里云镜像8.1.2版本:http://cdn.npm.taobao.org/dist/node/latest-v8.x/node-v8.1.2- x64.msi(本人选择第二个链接下载并执行默认安装)
2)cmd命令
node -v //显示node版本
npm -v //显示npm包管理器版本
3)由于npm有些资源被屏蔽或者是国外资源,经常会导致用npm安装依赖包的时候失败,所以需要安装npm的国内镜像 cnpm
4)cmd命令中输入npm install -g cnpm --registry=https://registry.npm.taobao.org(这个命令我试了很多次,总是显示出错,如 下图所示,最终也没有找到原因,若有人知道,欢迎留言。最后选择第二种命令方式,下一步5))
5)cmd命令中输入npm config set registry "http://registry.npmjs.org/"和npm install -g cnpm
6)查看cnpm版本 cnpm -v
7)安装vue脚手架 npm install vue-cli -g
至此,我们需要的环境及工具已经准备好了。接下来,可以使用vue-cli来构建项目。
3、构建项目
1)cd进入自己的工作目录,在此目录下新建vue项目
2)在此目录下新建vue项目,项目名称为test,命令为vue init webpack test,其中,webpack是构建工具、模块打包器,也 就是整个项目是基于webpack的。其中,test是项目文件夹的名称,它会自动生成在workspace这个工作目录中。
3)路径中已经生成项目文件夹,主要用的包都在package.json中
4)cd到我们的项目文件夹test中,运行命令cnpm install 安装项目依赖包 (node_modules),(注意:我们已经使用淘宝镜像 cnpm)
5)安装完依赖包之后,就可以运行整个项目了。 运行项目在项目目录中,运行命令 npm run dev ,会用热加载的方式运行 我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
6)项目创建成功,可以开始写功能啦!
ps:windows环境搭建真的不易,问题多多,整整装了两天,主要障碍出现在npm 安装cnpm的时候,总是安装失败,尝试了很多办法,一直不通,截图见2---4),欢迎留言!