【VUE学习系列】--- Windows搭建安装vue

随便说说:本来的计划前端知识应该是明年才学的,奈何最近项目的前端同事离职了,赶着鸭子上架,作为一名PHP开发者,前端的东西自然而然落在了我的头上,幸好后端接口已经写完了,那就学习一下呗,于是就有了这么一篇入门级别的学习文章,大佬绕道,小白可能会对你有点儿思路上的指引。文章中有错的地方,欢迎指正!

本文先说一下如何搭建vue环境

  1. 下载安装node环境。地址:https://nodejs.org/zh-cn/

安装完之后,打开cmd或者git命令窗口 输入

node -v

出现如下截图则代表安装成功。

 

  1. 安装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项目的开发!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章