vuewebpack脚手架 vue脚手架配置webpack

vue项目搭建完整步骤

搭建Vue项目的完整步骤包括安装Node.js、全局安装Vue-cli脚手架工具、创建项目模板、安装项目依赖、运行开发服务器、编写代码、编译打包、部署上线。

首先安装Node.js，然后通过命令行全局安装Vue-cli工具，运行vue create命令创建项目模板，安装项目依赖，使用命令npm run serve运行开发服务器，按需编写代码，通过npm run build命令进行编译打包，将生成的dist文件夹放置到服务器上即可实现部署上线。

vue开发步骤

1、安装nodejs开发环境

2、全局安装vue-cli脚手架

3、使用vue-cli脚手架 运行vue init命令初始化工程

4、开发，编写代码，包括组件、事件、并开启webpack的热部署功能实时查看

5、打包开发好的代码，使用npm run build

6、部署代码上线。

vue和vue-cli是什么关系

vue-cli相当于脚手架， 给你自动生成模板工程 ；vue-router是 vue路由插件， 支持你单页应用的 ；vue-loader是webpack下loader插件， 可以把.vue文件 输出成组件。

vue uni app与vue cli区别

Vue CLI（Vue Command Line Interface）和Vue Uni App（Vue Universal App）是两个不同的概念和工具。

Vue CLI是一个官方提供的脚手架工具，用于快速搭建Vue.js项目的开发环境。它提供了一系列的命令行工具和插件，可以帮助开发者初始化项目、管理依赖、进行开发调试等。Vue CLI基于Webpack构建工具，并且可以通过插件系统进行扩展。

Vue Uni App（也叫Vue Universal App）是基于Vue.js的跨平台应用框架，可以开发一次代码然后运行于多个平台，如Web、iOS、Android等。它是一个解决方案，让开发者能够使用Vue.js进行跨平台应用的开发。Vue Uni App基于Vue.js框架，但提供了一些特定的API和组件，以实现对不同平台的兼容和适配。

虽然Vue CLI可以用于创建和开发Vue Uni App项目，但两者并不是完全相同的概念。Vue CLI是一个开发工具，而Vue Uni App是一个跨平台应用开发框架。通过使用Vue CLI搭建开发环境，然后再使用Vue Uni App进行跨平台应用的开发，可以更好地利用Vue.js的能力和功能。

总的来说，vue uni app与vue cli的区别在于适用范围、开发体验和学习成本方面。具体来说：

适用范围：vue uni app适用于多端应用，如iOS、Android、H5、微信小程序、支付宝小程序、百度小程序等，而vue cli仅适用于Web前端开发。

开发体验：vue uni app具有自动的框架预载，使得页面加载速度更快，而vue cli没有这种功能。

学习成本：vue uni app对前端开发人员比较友好，学习成本较低，因为它基于Vue.js，封装的组件和微信小程序的组件一样，并且使用HBX进行开发，对vue语法等支持比较完备。而vue cli需要更多的学习和配置。

综上所述，vue uni app更适合开发多端应用，具有更好的开发体验和学习成本，而vue cli更适合Web前端开发。