使用vue-cli + webpack搭建vue项目环境

Vue项目在终端的安装与运行步骤
本文介绍了在终端安装并运行Vue项目的详细步骤。先找到项目所在盘,安装淘宝镜像、全局安装webpack和vue - cli脚手架,选好项目存放文件夹,创建项目,进入项目目录,安装依赖后运行项目,后续开发可按需在终端继续安装。

打开终端(点击开始,在搜索框中输入cmd)

第一步:  找到需要安装项目所在的盘  (我问项目都在d盘下的vuework下)

第二步:安装淘宝镜像(淘宝镜像安装包会比官网快, 而且有时候用npm安装会报错,用cnpm就可以)

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

第三步:全局安装webpack

cnpm install webpack -g

第四步:安装全局的vue-cli脚手架

cnpm install vue-cli -g

第五步:找一个文件夹用来存放项目,在终端进入该目录(我是在vuework下)

cd vuework

第六步:创建项目(vue-yue),注意项目名称中不能有大写

vue init webpack-simple vue-yue

第七步:进入项目目录

cd vue-yue

第八步:安装项目依赖

npm install

第九步:运行项目

npm run dev

到这一步,项目就已经运行起来了,你会看到如下页面

在之后的开发过程中,需要什么可以继续在终端上安装。

 

转载于:https://www.cnblogs.com/ly-qingqiu/p/10930498.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值