当前位置: 首页 > Web前端 > vue.js

vue-scaffolding安装过程

时间:2023-04-01 01:43:44 vue.js

webpack自带配置环境比较繁琐。脚手架是官方提供的快速搭建项目基础架构的概念。脚手架是规范中搭建的工作平台的体现,以保证每一个施工过程的顺利进行。它是一套固定的标准。文件夹+文件+webpack配置开箱即用0配置webpackbabel支持css,less支持开发服务器支持准备安装@vue/cli全局模块包,获取Vue命令,然后创建Vue脚手架项目步骤全局安装@vue/climodulePackageyarnglobaladd@vue/cli#或者npminstall-g@vue/cli注意:如果长时间没有动静(95%是网速问题),可以ctrlc停止,换个网络并继续查看vue命令版本vue-V总结:如果出现版本号,则安装成功,否则失败脚手架-创建项目-启动服务使用vue命令创建脚手架项目,并启动webpack开发服务器创建项目的步骤==注意:项目名不能包含大写字母、中文和特殊符号==#vue和create是命令,vuecli-demo是你自己的文件夹名vuecreatevuecli-demo选择模板==你can选择上下箭头,回车确认,第二个默认,直接回车,出错按ctrl+c选择步骤1的包管理器!UserYarn正在等待下载脚手架工程,需要的依赖包(这个过程会有点长。。。)终端切换脚手架工程下,启动内置==webpack热更新开发服务器==cdvuecil-demoyarnserve#或npmrunserve绿色进度条表示成功!