使用vue脚手架创建Vue项目并引入bootstrap-vue
1、脚手架（不知道官网为啥这么翻译）：用于重置背景、链接样式、栅格系统等，并包含两个简单的布局结构。
2、在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
3、这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
4、注意：该命令需要在联网状态下执行才能成功。这样一个简单的 vue 项目就建立完成。
5、我们点击 npm run dev 的时候，这就是启动 Vue 工程项目，那么它启动过程是什么样的呢？ Vue 项目启动过程，本文简要介绍。
Vue脚手架
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去手动安装各种插件，寻找各种cdn并一个个引入的麻烦。
版本问题：Vue脚手架更新比较快，如果使用的是旧版本的脚手架，会导致创建的文件不全。可以尝试升级到最新版本的Vue脚手架，再重新创建项目。安装问题：如果在安装Vue脚手架时出现问题，会导致创建的文件不全。
目前在市面上存在很多脚手架，如：create-react-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率。
vue脚手架创建的文件不全
1、输入 vue -V 如果出现版本号，就说明安装成功。脚手架安装成功之后，就可以通过脚手架创建vue项目了。
2、检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
3、搭建一个vue3，ts，element-plus项目时，总有一些莫名其妙的问题。项目创建完成之后，elemen文件：src/plugins/element.js 这个文件是选择了按需导入，之后脚手架自动创建的。
4、目前在市面上存在很多脚手架，如：create-react-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率。
5、毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”，然后就可以用手机浏览器ip+端口号打开了。
6、vue脚手架创建的文件中public是出口文件，我们的打包信息，路劲配置信息都可以在这个文件中进制设置。
使用vue-cli(vue脚手架)快速搭建项目
vue-cli是vue脚手架工具，方便打包，部署，测试等。
cnpm install -g vue-cli 安装完成后，可以使用vue -V 查看是否安装成功。
在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。
这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
vue项目创建和部署使用
1、可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
2、检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
3、一般Ionic项目创建可以使用ionic-cli命令，即：然而查看该命令说明和源码是没有Vue的项目模版的（见 STARTER_TEMPLATES中的projectType ）。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
