【Hello VUE】暴学VUE之让代码跑起来(三)
这一章我需要把一个现成的项目跑起来,涉及少量的代码修改。我会一一说明。
下载项目
- 打开链接https://github.com/rongxr/vue-elementui,下载项目
或者使用git命令:git clone -b v1 https://github.com/rongxr/vue-elementui.git
说明:rongxr/vue-elementui的v1分支,是刚从yinjihuan/vue-elementui克隆过来的版本,未做任何修改。 - 在d盘新建文件夹vue_project,把下载的文件vue-elementui-master.zip拷贝到文件夹vue_project目录下,并解压。把文件夹d:\vue_project\vue-elementui-master\elementui\vue-elementui\elementui-demo,拷贝到d:\vue_project\vue-elementui-master\目录下,其他文件可以删除(反正我是这么干的,原来的文件夹层级太深)
- 打开命令窗口输入命令,进行全局安装vue脚手架工具,还有安装vue组件:vue-router(路由),element-ui(界面控件),vuex(客户端持久化),axios(类似ajax)
cd d:\vue_project
npm i vue-cli -g
npm i vue-router
npm i element-ui -S
npm i vuex
npm i axios - 进入项目目录,cd vue-elementui-master\elementui-demo,执行命令npm install,进行项目依赖安装。安装时间有点长,因为是从国外服务器下载文件
- 执行命令npm run dev,启动项目,启动成功,会自动打开浏览器
后续
至此,我们终于把这个项目跑起来了。哈哈哈,不容易吧。但是你点击登录按钮(用户名密码随便填),是不能登录的。下一章开始我们的代码改造了。