**1.** 在硬盘上创建一个文件夹(**别用中文命名文件夹,别问我为什么!**),用来放置项目(**这里示例在E盘创建一个vue文件夹**)。这里提供三种方式进入创建的文件夹(使用vscode的道友直接看第三种):
1)打开命令行工具,win10用户建议使用PowerShell,win7用户可使用win+r然后输入cmd(也可自行下载安装PowerShell),进入命令行工具.(本人笔记本win10使用cmd无法进入目录) 。win10用户进入PowerShell如下图:
![powershell](https://box.kancloud.cn/76e83898d56acddd481d4b75953a0f64_578x680.png)
然后输入cd programe-path(这里指我们创建的文件夹名称),如图:
![vue](https://box.kancloud.cn/cc31a09dea31d3b4a10e347c57365d44_536x127.png)
2)如果已经安装了git,进入目录右键选择Git Bash Here,如下图:
![](https://box.kancloud.cn/8f1b6da73f0a0d959d0586e090872c68_903x658.png)
在出现的控制台输入: **vue init webpack vue2** ,一路回车键即可.如下图,
![](https://box.kancloud.cn/45986a9556f0f297f4a52f3b65c3232c_582x366.png)
3)直接在开发工具中打开E盘下的vue文件夹,如下图:(这里墙裂推荐vscode这个优秀的开发工具)
![](https://box.kancloud.cn/f625ed188c8d3a460e85bd33e6e93862_678x543.png)
![](https://box.kancloud.cn/78d59ff5e72862c16c06222a46eedf3e_767x500.png)
![](https://box.kancloud.cn/5ad3d9ee5f3d208079ccd97755360615_672x455.png)
在出现的命令行工具输入:**vue init webpack vue2**,一路回车键,至此项目构建完成。
![](https://box.kancloud.cn/fced9e7cdaf082c06a6abb5b92c03acd_1366x668.png)
![](https://box.kancloud.cn/3f06fae361f896faa46519d243906985_1366x621.png)
**2.** 使用vue-cli脚手架,生成vue工程项目。在Powershell或者git bash here中输入: **vue init webpack projectName** ,注意这里的“projectName” 是工程项目的名称可以任意起,但是需要主要的是“不能用中文”。然后一路回车(enter)键就可以了 ,如下图:(这里示例创建一个名为vue2的项目)
![vue2](https://box.kancloud.cn/a7ee2dd856f3689c168ece0cef969048_943x387.png)
***注:*** 当前用vue-cli版本为2.9.3,一路回车健完毕时会自动安装项目依赖。如果在自动安装依赖过程中出现了如下错误:
![](https://box.kancloud.cn/87726116abd9e0691b3c2f8a1ceb88fb_944x205.png)
解决办法如下:
在vue2项目下打开命令行终端,cmd,powershell或者vscode都可以。
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
之后就可以在开发工具中打开该工程项目了。。。。