随便说说:本来的计划前端知识应该是明年才学的,奈何最近项目的前端同事离职了,赶着鸭子上架,作为一名PHP开发者,前端的东西自然而然落在了我的头上,幸好后端接口已经写完了,那就学习一下呗,于是就有了这么一篇入门级别的学习文章,大佬绕道,小白可能会对你有点儿思路上的指引。文章中有错的地方,欢迎指正!
本文先说一下如何搭建vue环境
- 下载安装node环境。地址:https://nodejs.org/zh-cn/
安装完之后,打开cmd或者git命令窗口 输入
node -v
出现如下截图则代表安装成功。
- 安装vue与vue-cli
建议大家使用淘宝镜像安装,国内安装,原因大家都懂的。
查看当前的镜像
npm config get registry
因为本人使用的是公司的内部镜像,就不放出来了!
修改为淘宝镜像
npm config set registry https://registry.npm.taobao.org
2. 安装vue
npm install vue
3. 全局安装vue-cli脚手架
npm install --global vue-cli
4. 安装webpack 执行命令
npm install webpack -g
5. 选择一个存放项目的位置,输入
vue init webpack yourproject
中间会有很多需要你操作的步骤,按照自己的需要修改或者选择即可。
等待命令执行完成之后,你就会发现文件位置处已经安装好了一个vue项目。到此,你的vue安装已经安装好了,下一篇我们接着来看vue项目的开发!