Vue-cli 2.0使用淘宝镜像搭建总结

1.Node.js安装
下载安装
点击下载: Node下载(https://nodejs.org/en/download/) 根据自己电脑系统安装,一直点下一步即可,Windows+R快捷键打开cmd窗口,输入node -v出现版本号,即安装成功!
2.Vue.js安装
使用NPM安装
由于 NPM 安装速度慢(服务器在国外),这里使用淘宝的镜像及其命令 cnpm
安装淘宝的镜像:
打开cmd命令框,输入
npm install -g cnpm –registry=https://registry.npm.taobao.org
Vue-cli 2.0使用淘宝镜像搭建总结_第1张图片
在命令框输入
cnpm install vue
Vue-cli 2.0使用淘宝镜像搭建总结_第2张图片
好了,vue.js安装完毕

3.脚手架搭建
Vue-cli安装
在cmd命令框输入
cnpm install -g vue-cli
Vue-cli 2.0使用淘宝镜像搭建总结_第3张图片
搭建测试
1.在你的vue安装目录下(我的是H:\vue-cli知识测试集合)新建文件夹
2.打开cmd命令窗口输入cd test;输入vue list可以看到列出了可以使用的模板
Vue-cli 2.0使用淘宝镜像搭建总结_第4张图片
在命令框内键入 vue ,看到命令描述:
Vue-cli 2.0使用淘宝镜像搭建总结_第5张图片
我们init命令安装
vue init webpack test
Vue-cli 2.0使用淘宝镜像搭建总结_第6张图片
安装选项选择自己需要的即可,其中ESLint为ES6的代码风格检查器,
这时看到安装完,并且路径H:\vue-cli知识测试集合多了一个test文件
Vue-cli 2.0使用淘宝镜像搭建总结_第7张图片
进入test文件夹
cd test
安装依赖
cnpm install
Vue-cli 2.0使用淘宝镜像搭建总结_第8张图片
启动
npm run dev
Vue-cli 2.0使用淘宝镜像搭建总结_第9张图片
启动成功!

你可能感兴趣的:(前端开发文档)