Vue,入门之Vue-cli搭建项目

最近接口顺利搬砖成功,看了看前端代码,突然,想学学Vue玩
Vue-cli搭建项目
1.去官网下载安装node.js
https://nodejs.org/en/

2.安装:选择好路径,安装好了过后
通过cmd,node -v 查看是否安装成功,安装成功会显示版本
在这里插入图片描述
3.安装cnpm(淘宝镜像)——按需安装
淘宝镜像就是让后面的脚手架安装快些和更换指令 可以不装
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成以后输入 cnpm -v 检测是否安装成功
在这里插入图片描述
4.安装webpack:**webpack 是项目打包工具
命令行输入 cnpm install webpack -g进行安装,
安装完成以后输入
webpack -v检测是否安装成功
检查时会有一个警告:输入 yes,然后会继续安装,完后曾,输入webpack -v检测结果就ok
在这里插入图片描述
5.安装vue-cli(vue脚手架)
继续命令行输入:npm install vue-cli -g
安装完成以后输入vue -V检测是否安装成功
在这里插入图片描述
6.搭建项目:
新建一个文件夹,用来存放我们的项目
然后打开进入该文件夹,按住 shift + 鼠标右键 选择 在此处打开命令窗口
命令行输入 vue init webpack 项目名字<项目名字不能用中文>
接下来就是进行一些项目的配置,按自己需要选择即可
选择完成后, ****
输入 npm install 安装项目依赖:可能会失败:可能需要再来一次,清除一下缓存。npm cache clean --force,再 cd 项目文件 进入项目文件,再
npm install**
完成以后cd 项目名,输入 npm run dev 启动项目就可以进行开发了
六、发布项目
最后项目开发完,命令行进入项目文件路径下,npm run build 就可以把项目打包了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值