如何使用vue-cli创建项目

1、确保电脑安装node以及vue-cli(打开cmd管理工具,输入node -v 查看node版本号,输入vue -V查看vue版本号)


node版本号查看


vue版本查看

2、确保了电脑安装了node以及vue-cli后,进入你想要创建项目的目录(我是放在了phpstudy的www下面),输入vue create 项目名(不能包含大写不然会出错)

出现选择配置的界面

回车后出现选择配置界面,这个配置有默认的还有手动的以及你之前配置过有保存的话也会出现。那我们选择第三项手动配置看看


出现新的选项,让你选择项目所需要的工具,我们用上下控制,然后空格选中我们需要的,按回车下一步(我选了路由、vuex、css预编译)


是否使用历史模式的路由 (我选了n)


css预编译器选择(我选了stylus)


代码风格、格式校验(ESLint+Prettier)


选择语法检查方式(我选择保存就检测 ) 


想把配置放在哪里(都可以,我选了package.json)
保存为以后项目的配置


一顿巴拉巴拉后

3、安装成功之后进入新建的项目,npm run serve运行项目


然后出现vue的页面就大功告成拉


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在网上看了很多的脚手架创建项目的过程但是个人觉得过程还是很繁琐,所以我化繁为简总结了以下几个步骤:(有手就行) 1...
    杜伟杰525阅读 2,079评论 0 3
  • 1、VueCLI是什么 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/...
    xiesen阅读 1,493评论 0 0
  • 来源 分享:http://www.jianshu.com/u/5bf340f084bd 一岑不冉 作者:一岑不冉 ...
    0安阅读 3,266评论 0 0
  • 我刚刚下班,今天中午也很忙。做完门诊,立即去查房。怎么能不累,许多医生都下班了,只有我仍然在坚持上班,感觉许多问题...
    b626ee160ba4阅读 218评论 0 1
  • 珊瑚上初中以后,我发现我有空闲的时间了。 这学期,珊瑚周末下午有四个小时的课,她上课我就有了空闲。 我说,我有四个...
    何沅桐阅读 247评论 0 0