1.首先我们需要下载node.js,之后,我们才可以使用npm包管理工具,安装过程这里就不详细介绍了。
2.其次,我们需要安装vue-cli脚手架构建工具,安装命令`npm install -g vue-cli`,等待安装完成。
![](https://box.kancloud.cn/6b4d566a434a1d5914275e38ce9c4705_677x392.png)
3.接下来,就可以进入你要创建项目的目录。比如,我要将项目新建在D盘根目录
![](https://box.kancloud.cn/89c980b1c232e7e765a19b2f8b4dae38_669x97.png)
你也可以进入你要创建项目的目录,按住shift键,点击鼠标右键选择“在此处打开命令窗口”
![](https://box.kancloud.cn/7892942bf2b4b59ad61a97351b06c5a6_240x331.png)
4.在命令行中运行命令 `vue init webpack testVue` ,testVue是你要新建的项目名,回车。
![](https://box.kancloud.cn/81408049ac8cd84a85b8b68e283bf751_668x350.png)
运行命令的时候会要求输入项目名等信息,可根据自己的实际情况进行选择。
5.打开我们的工程目录,就可以看到这样子的目录结构
![](https://box.kancloud.cn/7e46f6690f088489274542061d2c6771_1139x544.png)
6.之后这个项目下安装依赖包,运行命令 `npm install` ,注意,一定是要在项目文件夹下运行。
![](https://box.kancloud.cn/88686ae6bcd0d0bf26270bba43ce5e7a_672x66.png)
7.安装好依赖之后,开始运行项目,输入命令`npm run dev`
![](https://box.kancloud.cn/1ac0c2660c54a09bce15f5c63239493b_668x316.png)
8.如果出现端口被占用,我们可以修改配置文件 config/index.js,修改成不常用的端口
![](https://box.kancloud.cn/726627e19f86cd27bcdc239b7f2d1473_866x597.png)
9.然后在浏览器输入 127.0.0.1:8081,就可以看到我们运行的项目了
![](https://box.kancloud.cn/01111ee1e594db53ecc2d9684f29de85_1787x844.png)