Vue2.0安装教程

①安装node(npm 版本需要大于 3.0)

https://nodejs.org/en/

//查看npm版本
npm -v
//推荐使用(淘宝 NPM 镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org

②Vue.js安装

cnpm install vue

③构建工具(vue-cli,快速搭建大型单页应用)

//全局安装  vue-cli
cnpm install --global vue-cli

//创建一个基于 webpack 模板的新项目
vue init webpack my-project


这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev

④进入项目,安装并运行

cd my-project
cnpm install
cnpm run dev

成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值