vue项目脚手架完整搭建步骤以及stylus的安装步骤

在vue项目的脚手架搭建过程中,总是各种踩坑,我安装过几次后,决定把从node开始的所有步骤全部写下来,给vue学习的新同学参考,也便于自己以后查阅。吐舌头

  1. 在nodejs官网下载后,打开下载后的.msi文件,安装node.js。
  2. 然后win+R输入cmd打开cmd窗口,输入node-v回车然后输入npm-v回车来测试。如果出现版本号,则node安装成功。
  3. 接下来我们可以开始vue的脚手架搭建工作了,依然是cmd里操作
  4. 输入npm install --global vue-cli 回车,这一步是执行vue脚手架的安装工作,可能会需要一段时间安装不要急~
  5. 接着输入vue--version回车,这是测试脚手架是否安装成功,如果提示vue不是内部或外部命令,可能与你的电脑环境变量的配置有关,上网搜索“vue不是内部或外部命令”的相应解决方法就好了,也可以留言问我。
  6. 接下来我们建立一个vue项目,我这里默认是项目路径是c盘下,如果要建立在其他文件目录下,cd到别的路径下就好了。
  7. 然后在这个路径下输入vue init webpack my-vue(这里填你的项目名称就好了,我这里假设是my-vue)接着回车。
  8. 然后会相继弹出项目名称,项目描述,作者名,运行方式,是否安装路由,es6代码风格检查,规则,是否测试模式,根据自己需要选择默认选项回车或者选择填写别的方式,我是安装路由Y,es6Y,其他没什么太大关系。
  9. 最后cd进入自己的项目路径下,如果当前已经是自己vue项目目录,就输入npm install,会对项目进行npm的安装工作。
  10. 安装完成后,我们进行stylus的获取和安装工作,输入npm install stylus,回车出现sytlus版本号既安装成功。
  11. 最后我们运行项目,npm run dev回车,过一段时间,cmd窗口出现一行地址,在浏览器输入地址即可访问这个项目了。
  12. 接下来你就可以在代码编辑器里导入项目开始你的开发工作啦,如果安装中有问题,就上网搜,网上很多解决方法的,我也是碰了好多坑最后才成功安装所有的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值