1.首先安装节点，并推荐偶数版本；之后，检查：节点-v；如果版本好，安装成功；win10家庭版的msi版本出现时，无法打开，更不用说安装了，可以自己百度；

2.nmp安装vue-CLI-g；-vue-V；如果出现版本号，说明安装成功；

3.cd到指定的目录；vue init webpack项目名称；有些提示没有一一提及；安装成功后，会有：的提示。一般来说，只要按照他提示的步骤就可以了。cd项目文件夹，

Npm install(这是安装packjson.json的依赖，非常重要)，最后运行npm run dev将在端口8080自动打开网页，则环境步骤成功；

4.介绍一些非常重要的文件(文件夹)。config目录下的index.js是配置，node_modules下的所有文件夹都是需要依赖的模块的文件夹；Src是本地资源；比如我们要写的文档；其中main.js是入口文件；

5.下面介绍vue文件的模块化介绍，好的内存不如写的不好的：

项目目录第：节

比如在App.vue中引入其他模块；

import component @/components/componenta//下图中的ruter-view标签仅表示显示，部分组件可能不显示，所以需要有路由器-view；当前app.vue是默认的根模块；

在Banana中，一个标准的vue文件应该包括以下三类标签，其中名称属性是必不可少的；

请注意，在：中不需要声明变量=new Vue({})。这个文件本身代表一个实例。在export default中，它实际上是一个vue文字对象的描述，可以这样认为；

关于路由参数：(下面是main.js)，这里有一个坑；

使用webpack vue-cli自动构建项目后，请注意路由模块是放在main.js下，还是放在router文件下的index.js下

废话少说。这里的关键是正确介绍路由和正确配置路由(构建路由对象)。每条路线都给他一个名称属性，以方便路线的使用。在参数中，路径的最后一个冒号可以写也可以不写，前提是(下面是componentA):

在router-link中的params 3360 { object }中，写入和不写入的区别在于它不显示或不显示在url地址栏中；但是，可以通过在子组件中使用$router.params找到它；

以下是苹果子组件：也可以取出{{$route.params.color}}

如何在一个项目中使用第三个库？

例如，使用jquery也是NPM install[email protected]；

从main.js(入口文件)中的“jquery”导入jquery；然后在组件中使用时从' jquery '导入jquery；这样，jquery就是一个全局变量；

也可以使用百度的echarts库：在main.js中引入：

从“电子图表”vue导入电子图表。原型。$ e-charts=e-charts直接就是这个。$ e图表使用时，这。$ echarts到vue实例；

项目完成后，使用npm运行构建来打包项目；打包并配置在config文件夹下index.js的build对象下；如果你想在这本书里预览，请访问assetsPublicPath:/'被更改为相对路径；如果背景相对路径在你的css文件中被引用，资源在打包和预览后将不会被找到。您可以在构建文件夹的utils.js下的：中添加此publicPath属性；

让我们详细谈谈历史模式：

1.为什么要打开？

首先你的主页，域名后面跟着一个大#，太难看了！这和开发他的又美又帅的程序完全不合拍。

其次，官网的人特别说：“历史模式，充分利用history.pushState API完成URL跳转，无需重新加载页面。”

怎么理解？例如，一个常见的场景是，如果您开发一个手机应用程序，您从主页点击进入新闻列表，然后您想在阅读新闻后返回主页。根据之前的想法，重新打开主页是一个href。然后，主页重新加载js，从服务器请求新闻列表，等等。所有这些初始化工作都应该重新进行。对于用户来说，这个过程既慢又费钱，用户体验其实并不好。

而html的历史模式可以让你从新闻详情页跳转到首页，无需再次初始化数据。当然，这可能需要用vuex来完成。

2.在哪里开的？

实例化路由器时，配置可以打开到：

const Routers=New Vue Router({ Routers : Router，Mode :' History'})这些是目前遇到的一些基本问题；希望对大家的学习有帮助，希望大家多多支持我们。