vue安装

win7下vue的安装

今天学习Vue,需要用到npm,于是就安装node.js.下载地址:https://nodejs.org/en/download/

我的电脑是win7 x64,所以我选择


安装过程就像普通软件一样,安装完成后打开cmd,输入path,查看是否已添加环境变量。若没有请手动添加。


然后输入node -v 确认是否安装。


二、cnpm的安装

安装完node之后,npm包含的很多依赖包是部署在国外的,在天朝,大家都知道下载速度是超级慢啊。

所以我们要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快多了。

安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后输入npm config set registry http://registry.cnpmjs.org,防止下面安装Vue时卡着不动。

三 、 vue的安装

全局安装 vue-cli
cnpm install --global vue-cli
创建一个基于 webpack 模板的新项目my-project
 vue init webpack my-project
这里需要进行一些配置,默认回车即可

安装好后

进入项目,安装并运行:

 cd my-project
 cnpm install
 cnpm run dev

http://locahost:8080就是你的vue项目地址


另可以直接用script引用,直接在html中使用;

<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>,

这样你就可以在html文档中直接使用vue了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值