1.1 创建工程

1.1.1 创建工程目录

1、在d盘下创建文件夹 mkdir vue-read，进入该目录 cd vue-read

2、使用vue 命令 vue create vue-read 行创建工程

3、工程脚手架设置

3.1 eslint 设置成手动设置

3.2 工程特性选择如下

3.3 路由模式选择hash模式

3.4 eslint 选择标准配置模式

3.5 样式检查选择在默认情况进行检查，即保存的时候进行检查

3.6 配置文件是集中选择在一个文件中package.json进行配置，还是另外的文件进行配置

说明： 默认模式都是集中在一个文件package.json中进行管理的。

3.7 让现在的样式是否对未来的工程样式使用，选择no

3.8 完整选择设置

4、项目创建中

4.1 提示进入到项目中，然后运行项目

4.2 进入项目，并执行npm run serve

4.3 进入浏览器 输入http://localhost:8081/ 查看工程骨架是否搭建正常

4.4 项目打包

打包之前需要先添加一个vue的配置文件

在工程目录下新建一个vue.config.js文件

// 注意3.0之后baseUrl 需要改成 publicPath
module.exports = {
    publicPath : process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

执行项目打包命令 npm run build

工程目录中生成一个dist目录，打开index.html

我们的脚手架就全部正确搭建好了。