Vue开发环境搭建——步骤

本文详细介绍了如何一步步搭建Vue.js项目,从安装Node.js到使用vue-cli创建项目,再到项目启动和管理。同时,提供了遇到npm安装慢时的解决方案,即使用cnpm。通过掌握这些步骤,开发者可以快速开始Vue项目的开发工作。
摘要由CSDN通过智能技术生成

1、安装node  http://www.nodejs.com.cn/  一般安装在根目录下,直接下一步下一步安装即可。
如何检测安装完毕  node  -v


2、第二步:安装vue-cli脚手架  npm install -g @vue/cli  装一次,下一次可以直接使用
如何检测安装完毕  vue  --version


3、第三步:项目创建  vue create  项目名字(英文)
选择vue2.0

4、vue项目打开方式
第一步:查看node_modules包是否存在  node_modules包存储的是依赖包。如果没有在项目下打开命令行  npm  install/i
第二步:如果node_modules包存在,直接在项目下打开命令行 npm  run  serve(不一定是serve,看package.json中的scripts  有可能 serve  dev)


使用npm安装比较慢的话,可以选择装cnpm(淘宝镜像)
在命令行中执行 :npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install/i 安装包


命令行中
cd  文件夹名字   进入文件夹

ctrl+~执行指令
ctrl+c终止命令
上下方向箭  寻找之前的指令


借鉴网址
http://www.github.com/

https://gitee.com/enterprises/?utm_source=pzpc

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值