脚本宝典收集整理的这篇文章主要介绍了vue进阶1-2 - 项目搭建(@vue/cli)-vue,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli
npm -v
,会显示npm的版本信息。npm是nodejs的包管理工具,为了加快下载速度,可安装淘宝镜像,安装成功后可cnpm代替npm,在终端输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
1、Vue CLI 3 需要 Node >=8.9
2、如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
全局安装@vue/cli,在终端输入
npm install -g @vue/cli
安装成功后,可用 vue -V
查看版本。
使用脚手架创建项目,vue3为项目名称
vue create vue3
如下图,你会被提示选取一个 PReset。
default: 适合快速创建一个新项目的原型
Manually select features: 是面向生产的项目更加需要的
1、选择 default
2、选择 Manually select features, 可根据自身需求进行选择配置
3、配置项目插件和功能
cd vue3
npm run serve
注意:Vue.js 不支持 IE8 及其以下 IE 版本。
Vue CLI 3去掉了2.x build和config等目录 ,通过新建 vue.config.js 来进行配置,具体可参考https://cli.vuejs.org/zh/conf...
简单的写了个后台管理系统demo,需要参考的童鞋可点击链接
https://github.com/graycrr/vu...
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! vue,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的vue进阶1-2 - 项目搭建(@vue/cli)-vue全部内容,希望文章能够帮你解决vue进阶1-2 - 项目搭建(@vue/cli)-vue所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。