基于vue-cli(vue脚手架)快速搭建vue项目

准备工作,本地已经搭建好了node环境

全局安装webpack

npm install webpack -g

全局安装vue-cli(vue脚手架)

npm install -g vue-cli

安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:

vue init webpack demo

确认创建项目后,后续还需输入一下项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等等,详见上图。安装顺利执行后会,生成如下文件目录:


image.png

安装依赖

npm install

执行命令: npm run dev 来启动项目,启动完成后会自动弹出默认网页:


image.png

最后就能看到vue这个帅帅的页面了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容