准备工作，本地已经搭建好了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这个帅帅的页面了
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
本文主要内容基于 vue-cli 快速搭建 Vue 3.0 项目 快速搭建 Vue 3.0 项目 版本 升级vue...
vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...
开发环境: 基于 vue-cli： 这是一个做vue项目的脚手架 使用脚手架工具 vue-cli 可以快速地构建项...
注意：这里只讲VUE脚手架搭建的项目首先安装开发环境，vue-cli 一键搭建vue项目是基于 Node.js 所...
使用vue-cli（vue脚手架）快速搭建项目 下面整个过程是基于已经安装node.js和cnpm的基础上，nod...
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可...
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目 ...
简介 用过 vue-cli 脚手架搭建 vue 项目都知道，vue-cli 中内置了 vue-style-load...
本文标题：基于vue-cli（vue脚手架）快速搭建vue项目
本文链接：https://www.haomeiwen.com/subject/pyfnrqtx.html
网友评论