目录1、什么是Webpack2、为什要使用WebPack3、WebPack和Grunt以及Gulp相比有什么特性 4、什么是vue-cli 5、webpack与vue-cli的关系 🔽扩展：vue-cli2.x与vue-cli3.x创建vue脚手架项目结构对比 📚 参考资料 vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的bash，或者bat。用vue-cli执行build，实际上是webpack做的。原本需要自己配置webpack的相关配置，被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。1、什么是WebpackWebP
目录1、什么是Webpack2、为什要使用WebPack3、WebPack和Grunt以及Gulp相比有什么特性 4、什么是vue-cli 5、webpack与vue-cli的关系 🔽扩展：vue-cli2.x与vue-cli3.x创建vue脚手架项目结构对比 📚 参考资料 vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的bash，或者bat。用vue-cli执行build，实际上是webpack做的。原本需要自己配置webpack的相关配置，被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。1、什么是WebpackWebP
目录一、什么是vue-cli?二、前提：搭建好NodeJS环境 安装vue-cli三、使用脚手架vue-cli(2.X版)来构建项目 第一步 第二步 第三步 第三步第四步 三、SPA完成路由的开发第一步编辑第二步第三步 第四步 第四步 四、嵌套路由使用children属性 五、知识总结 一、什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vueinitwebpackxxx 注意：①xxx为自己创建项目的名称 ②必须先安装vue,vue-cli，we
目录一、什么是vue-cli?二、前提：搭建好NodeJS环境 安装vue-cli三、使用脚手架vue-cli(2.X版)来构建项目 第一步 第二步 第三步 第三步第四步 三、SPA完成路由的开发第一步编辑第二步第三步 第四步 第四步 四、嵌套路由使用children属性 五、知识总结 一、什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vueinitwebpackxxx 注意：①xxx为自己创建项目的名称 ②必须先安装vue,vue-cli，we
安装1、全局安装vue-cli脚手架（不建议用5.0版本，避免报错）npminstall-g@vue/cli@4.5.192、脚手架创建项目vuecreate-pdcloudio/uni-preset-vuemy-project3、选择默认模板即可4、编译并启动项目npmrundev:mp-weixin 5、开发者工具，导入项目，注意路径"项目地址/dist/dev/mp-weixin"开发的规范不能直接在开发者工具中修改代码，口诀：vscode做开发，开发者工具做调试标签使用小程序的规范，语法使用vue的即可项目目录结构App.vue相等于原生小程序app.wxss（全局样式文件）和app.
安装1、全局安装vue-cli脚手架（不建议用5.0版本，避免报错）npminstall-g@vue/cli@4.5.192、脚手架创建项目vuecreate-pdcloudio/uni-preset-vuemy-project3、选择默认模板即可4、编译并启动项目npmrundev:mp-weixin 5、开发者工具，导入项目，注意路径"项目地址/dist/dev/mp-weixin"开发的规范不能直接在开发者工具中修改代码，口诀：vscode做开发，开发者工具做调试标签使用小程序的规范，语法使用vue的即可项目目录结构App.vue相等于原生小程序app.wxss（全局样式文件）和app.
个人简介>📦个人主页：是Lay的主页>🏆学习方向：JAVA后端开发 >📣种一棵树最好的时间是十年前，其次是现在！>⏰往期文章：【Java基础】面向对象进阶(二)>🧡喜欢的话麻烦点点关注喔，你们的支持是我的最大动力。目录 前言:1.安装1.1npm安装1.2vue-cli安装2.初始化项目 2.1 vueinit命令讲解 2.2项目初始化3.运行项目4.成功页面5.项目结构5.1总体框架5.2配置目录文件详解5.3 src项目核心文件讲解6.VUE-ROUTER 6.1快速入门 6.2页面跳转6.3 子路由-路由嵌套6.4 路由传递参数6.5 命名路由-命名视图-重定向-别名 前言:
个人简介>📦个人主页：是Lay的主页>🏆学习方向：JAVA后端开发 >📣种一棵树最好的时间是十年前，其次是现在！>⏰往期文章：【Java基础】面向对象进阶(二)>🧡喜欢的话麻烦点点关注喔，你们的支持是我的最大动力。目录 前言:1.安装1.1npm安装1.2vue-cli安装2.初始化项目 2.1 vueinit命令讲解 2.2项目初始化3.运行项目4.成功页面5.项目结构5.1总体框架5.2配置目录文件详解5.3 src项目核心文件讲解6.VUE-ROUTER 6.1快速入门 6.2页面跳转6.3 子路由-路由嵌套6.4 路由传递参数6.5 命名路由-命名视图-重定向-别名 前言:
启动项目时，本地有node包，但是终端提示：'vue-cli-service'不是内部或外部命令，也不是可运行的程序，导致项目无法启动，如下：原因之一是项目的npm版本较低，但是你本地的npm版本过高，解决方法是删除node包，重新下载；重新下载时可能会出现如下情况，使用npmi来安装依赖时，发现安装不上，或者是安装的时候报错，如下：原因同上项目npm版本较低，但是你本地的npm版本过高，导致安装依赖失败;解决方法如下（提示：试新的命令最好把上次安装node_modules删掉）：1、项目npm版本较低，但是你本地的npm版本过高，导致项目启动失败或者安装依赖失败，使用如下命令： npm
启动项目时，本地有node包，但是终端提示：'vue-cli-service'不是内部或外部命令，也不是可运行的程序，导致项目无法启动，如下：原因之一是项目的npm版本较低，但是你本地的npm版本过高，解决方法是删除node包，重新下载；重新下载时可能会出现如下情况，使用npmi来安装依赖时，发现安装不上，或者是安装的时候报错，如下：原因同上项目npm版本较低，但是你本地的npm版本过高，导致安装依赖失败;解决方法如下（提示：试新的命令最好把上次安装node_modules删掉）：1、项目npm版本较低，但是你本地的npm版本过高，导致项目启动失败或者安装依赖失败，使用如下命令： npm
