vue-cli3建筑工程详细步骤

中文文件

https://github.com/vuejs/vue-docs-zh-cn

请在安装前安装nodeJs

安装vue cli3

1.检查vue的版本

Vue -V (V首都)或VUE-版本2。安装@vue/cli

全局桥插件由npminstall-g @ vue/CLI(PS : vue cli2 NPM install-g vue-CLI的安装方式)安装，与vue cli2兼容

在命令行npm install -g @vue/cli-initcmd上创建项目

1.快速创建新项目

Vue创建名称2。选择配置

(1).选择配置，第一次创建项目时，只有后两种，这是默认和手动用户自定义的选择。第一个是我创建后保存的。在此选择最后一个，并手动选择配置

(2).选择全部，选择并取消空格键，并上下移动

(3).选择css预处理器，这里，选择较少

(4).eslint检查方法，选择这里的最后一个

(5).什么时候检查，这里选择每次保存时检查。

(6).配置文件babel，postcss，eslint eslint放在哪里。把它放在自己的配置文件中或者放在package.json中，在这里选择放在自己的配置文件中

(7).保存或不保存新选择的配置文件。保存后，它将在您每次创建项目以选择配置时出现。在此选择“是”，然后取一个配置名称。

(8).按回车键下载@vue/cli框架并初始化项目

(9).启动项目

Npm运行服务切换项目目录，运行，项目开始

图形用户界面创建项目

您可以在官方图形界面上创建项目和运行项目

1.启动图形用户界面

Vue ui2。单击以创建新项目，输入项目名称，然后在包管理器中选择npm

3.选择要下载@vue/cli并创建新项目的项目配置。在此选择之前保存的

4.任务=服务点击运行，相当于启动项目。npm运行服务，您可以单击输出查看控制台结果

配置vue.config.js

由@vue/cli3构建的新项目没有vue-cli2的构建和配置文件夹

那么，在根目录下创建一个新的vue.config.js并编写配置项可以使用什么配置呢

这里是修改界面和关闭eslint检查

module . exports={ lintonsave : false，devserver : { port : 8081 } }

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。