Vue练手项目(二):新建项目(windows)

2018-08-17 本文已影响87人 GordonFong

1.上篇已经把基本的所需环境弄好,现在新建一个Vue项目

1.在你的电脑里面,建一个工作总目录,用于存放不同的项目文件.

我的项目目录是这个:C:\Users\Administrator\Desktop\PoorGuy\project_manage\Project_Manage_Vue_Web

打开cmd , cd 到上面的目录下

2.然后就可以新建一个Vue项目了

在当前目录下,在cmd中输入vue init webpack manage_vue_web

看到finished那行字就基本证明成功了

这样之后,就可以在总工作目录下 , 看到了一个新的自动创建的文件夹 manage_vue_web

用工具(我使用的是VS Code)打开该文件夹,可以看到整个Vue项目的结构

至此,一个Vue项目就算是创建完成了

打开cmd , cd 到manage_vue_web目录下

运行npm run dev

项目正常运行

注:Vue项目的默认端口是8080,由于我本地的8080端口被占用,所以把端口号改成了8686

然后打开浏览器,输入localhost:8686,回车

看到这个就证明没错了

到这里,Vue就已经运行起来了.