vue(开发环境的搭建)

发现不知如何运行GitHub上的开源项目,很尴尬。经过查阅网上教程,成功搭建好项目环境,同时对前端工程化有了朦朦胧胧的认知,所以将环境搭建过程分享给你们。
首先,列出来咱们须要的东西:
node.js环境(npm包管理器)
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像前端

vue的安装vue

1.vue的安装依赖于node.js,因此先安装过node.js。从node.js官网下载并安装node,安装过程很简单,一路“下一步”就能够了(傻瓜式安装)安装完成后可进入cmd编辑器,输入命令 node -v进行查看,若是成功安装node会出现 v 6.9.1node

clipboard.png

2.安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 而后等待,安装完成后可进入cmd编辑器,输入命令 cnpm -v进行查看,如已成功安装node会出现 v 6.9.1若是想进一步了解cnpm的,查看淘宝npm镜像官网
后,就能够开始vue的安装了。这里提一下淘宝镜像,用淘宝镜像的cnpm来代替npm的安装,速度会快不少。若是使用淘宝镜像安装就输入命令行 $ cnpm install -g vue-cli进行安装,若是没有安装淘宝镜像依旧用$ npm install -g vue-cli安装:
输入命令 cnpm -V 出现4.4.0表明淘宝镜像安装成功
输入命令 vue -V 出现2.5.0表明VUE安装成功vue-cli

3.能够开始创建一个vue项目啦
clipboard.png<br/>
clipboard.png<br/>npm

clipboard.png<br/>前端工程化

clipboard.png<br/>架构

4.输入http:lobalhost:8080出现如下页面就表明成功喽编辑器

clipboard.png

5.若是想访问项目中的某一个页面,请找到router这个js工具

图片描述

打开router.js
图片描述spa

输入http://localhost:8080/#/login即可访问想要访问的页面

相关文章
相关标签/搜索