宝哥软件园

vue-cli3建筑工程详细步骤

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

中文文件

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 } }

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

更多资讯
游戏推荐
更多+