ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
**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 之后就可以在开发工具中打开该工程项目了。。。。