vue-cli3.0项目搭建

1.搭建vue项目前提是nodejs已经安装完成。

2.安装vue脚手架 npm install -g  @vue/cli，安装一次成功后，以后再次创建项目都不用再次安装。直接执行创建项目命令：执行步骤3。

3.创建项目，进入到自己想安装项目的目录下面，执行创建命令

创建命令 这里是让选择项目配置，第一个是vue默认给的配置比较简陋，所以一般选择第二个根据自己的项目情况来安装相应的配置，按上下键然后enter键 这里选择你想要的插件配置，按上下键选择，空格键选中，然后按enter键执行下一步。 这个意思是问你是否选择路由的history模式 这个是问你要选则的css语言类型，你可以随意选，我用的scss 这个是配合说自动化代码检查配合vscode使用的，可以随便选一个 这个意思是问你是否要保存之前的配置 1、这个是问你那些配置是否要放到package配置文件里还是要单独存放一个文件，比如bable、eslint、postcss等。2、我是单独存放的，看个人喜好。 再次询问是否将以上配置保存到你的项目里，选择Yes之后，输入项目名称按enter确认创建项目。 1、vue-cli3.0的目录比2.0简洁了很多，将webpack配置的config文件和build文件都省略掉了。2、vue-cli3.0新增了vue.config.js文件供开发者去配置webpack的相关内容。如下： 这里简单的配置了一些端口号和代理的内容。

本文仅供参考，具体请看官方文档:https://cli.vuejs.org;