前端菜鸟开始学习vue(目前了解html、css、js和jquery,对vue这种前端分离框架一无所知,也是想记录一下学习的过程),网上有很多搭建vue开发环境的步骤,自己照着一步步操作之后发现还是没什么印象,第二遍在同事电脑上搭建时还是需要照着网上步骤来,所以今天想整理出来,加深自己的记忆。
1.下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn。安装过程很简单,一路“下一步”就可以了。
测试:win+R(打开命令行)-------输入cmd-------敲入node -v。如果出现相应版本号,即安装成功,我的如下图:
测试npm版本:命令行-------npm -v:
2.安装淘宝镜像:在命令行里输入如下代码:npm install -g cnpm --registry=https://registry.npm.taobao.org
测试淘宝镜像是否安装成功:命令行-------cnpm -v
3.全局vue-cli脚手架:npm install --global vue-cli
测试vue是否安装成功:命令行-------vue
完成之后如果有vue的项目就可以跑起来了。
在项目文件下cmd,cnpm run dev 。