搭建Vue环境,并将拉取的vue项目运行在本地

1.下载安装Node.js

win10安装Node.js地址:https://blog.csdn.net/flyer_tang/article/details/81778870

2.npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具:nrm

3.IDEA安装vue

4.通过npm安装vue

如果是新建的vue项目就进行初始化,记住一定要在当前项目目录下

然后就会在hello-vue目录发现一个node_modules目录,并且在下面有一个vue目录。

5.安装webpack

npm install webpack -g

webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节。

6.安装vue-cli

npm install -g vue-cli

7.如果你要是刚拉取的新的项目,就进入到当前vue项目下,删除node_moudels文件,然后执行以下命令,新建的话需要执行其他的命令

npm install

进入项目之后安装依赖,安装成功

8.运行项目

npm run dev

即可把别人的项目在你的本地运行了

9.当然对于自己要新建webpack项目需要以下操作

启动项目 npm run dev

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值