idea创建vue项目(转载)

1.下载idea中的vuejs文件之后创建vuejs文件

在这里插入图片描述

点击next,进入下一步

2.创建文件后选择文件的位置,选择vue脚手架cli的位置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4snRFLVE-1603336126817)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020212302652.png)]

3.创建项目成功之后点击进入终端命令行

在这里插入图片描述

4.输入指令 vue init webpack 到命令行

输入指令vue init webpack到终端之中,然后效果如图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-guMRAIyr-1603336126822)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020213014136.png)]
注意y表示yes,n表示no

​ ? Project name ( my-project ) 敲y, 回车既可

​ ?project description ( A Vue.js project ) 敲回车既可

​ ?Author ( xxxxxx xxxxx@xx.com ) 敲回车既可

​ ? Vue build ( user arrow Keys ) 敲回车既可

​ ? Install vue-router?(Y/n)敲Y回车既可 (是否安装路由,单页面的关键)

​ ?Use ESLint to lint your code? (Y/n) 敲n回车既可(是否使用严格模式)

​ ?Set up unit tests (Y/n) 敲n回车既可 ( 单元测试, 个人觉得不安装选择n )

​ ?Setup e2e tests with Nighwatch?(Y/n) ( e2e测试,个人觉得不安装选择n )

​ ?Should we run npm install for you after the project has been created? (recommended) (use arrow Keys)
应该是询问你接下来的依赖是否通过npm安装
如果直接回车,那么接下来的安装会很慢

所以直接Ctrl+C取消,或者选择No,I will handle that myself 然后

输入cnpm install通过淘宝镜像cnpm进行安装

淘宝镜像,可以参考别的博客
注意:使用cnpm必须一直使用,不能和npm混合使用

输入指令 cnpm install
这时候可能会出现输入cnpm无响应的问题,这时要关闭项目
在cmd中输入如下指令

npm config set registry http://registry.cnpmjs.org

 
 
  • 1

然后再重新打开项目,再输入cnpm install,最终效果如图
在这里插入图片描述

输入指令cnpm run dev
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZAazVg5w-1603336126824)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020214222174.png)]

点击图片上的链接 进入

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jCsHcLT0-1603336126825)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020214330725.png)]

表明文件创建成功

原文链接:

看到最后的帮忙

点个👍🙏 谢谢,这个对我真的很重要!

在这里插入图片描述

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值