NPM 方法安装vue.js,初始化项目并启动

1、安装node.js

在node.js官网下载相应的版本,安装(一直next)
node.js官网:https://nodejs.org/zh-cn/ 

2、查看npm版本(版本低于3.0需要升级)

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g

3、安装淘宝npm镜像cnpm(npm安装速度很慢,使用淘宝的镜像速度很快)

npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装vue(安装需要的包,json数据等,我也不懂吐舌头

# 最新稳定版
$ cnpm install vue

5、搭建大型单页应用

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目(my-projrct为项目名,任意修改)
$ vue init webpack my-project

6、进入项目,安装并运行

$ cd my-project(切换至项目目录)
$ cnpm install(安装依赖所需要的包)
$ cnpm run dev(启动运行项目)

7、访问http://localhost:8080/,输出结果如下:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值