JS

Vue安装使用

作者: 疯狂小兵 | 2017-05-17 | 阅读
「编辑」 「本文源码」

1. 安装node

工具包

地址:http://nodejs.cn/download/

node版本

解压到指定目录,本例中为D:\dev_tools\node-v6.10.3-win-x64,将该路径添加到环境变量中。

2. 安装淘宝镜像

使用cmd打开并输入node -v查看版本。

输入npm install -g cnpm --registry=https://registry.npm.taobao.org安装node镜像。

3. 安装Vue脚手架

npm install vue-cli -g

Vue脚手架

4.安装webpack

cnpm install webpack -g

安装webpack

5.根据模板创建项目

切换到自定义的项目所在目录,执行命令vue init webpack-simple <project-name,no chinese>

创建期间会询问项目名称,项目描述,作者以及是否使用sass等,可以使用默认也可以自己指定。

创建完成后会有提示命令如下:

创建项目

按提示执行命令,执行命令时时间稍长,耐心等待下。

执行npm run dev,会默认在本地的8080 端口启用vue的简单示例服务。

6. 安装Vue路由模块和网络请求模块

安装Vue路由模块和网络请求模块


版权声明:本文由 在 2017年05月17日发表。本文采用CC BY-NC-SA 4.0许可协议,非商业转载请注明出处,不得用于商业目的。
文章题目及链接:《Vue安装使用》




  相关文章:

「游客及非Github用户留言」:

「Github登录用户留言」:

TOP