vue-cli构建vue主项目

尝试-项目cli基本ini之一。建立专案

1.插入节点

由于webpack在节点中使用npm,因此npm是类似于Java联结数据包管理的默认数据包管理工具。直接从该节点的官方网站下载,最好下载一个新版本。

节点下载和安装参考:https://www.runoob.com/nodejs/nodejs-install-setup.html

2.在全球范围内安装cnpm

这是下载js的淘宝的镜像。由于内部网络速度较差,请使用此镜像。如果您具有良好的网络速度,则可以忽略它。

npm install -g cnpm --registry = https: //registry.npm.taobao.org:

3.插入一个网袋:web-clown-global level

根据Web,有一个依赖于Web的Web软件包,因此必须安装它。

cnpm安装web-park web-park-click-c ?然后执行

Webb -v具有指示成功安装的输出选项

4.在全球范围内安装vue-cli

终于,这个话题出现了,并安装了vue-cli

cnpm install -g vue-cli ?然后执行以下操作:

vue-V的版本输出指示安装成功

5.使用vue-cli创建一个项目

5.1创建一个空文件夹并执行

vue计划网站vue-demo:

5.2一段时间后,一些配置设置将出现在面板中供您选择,主要的默认设置是好的。

?项目名称vue-demo#项目名称,单击Enter,返回到括号中的默认名称(请注意,此处名称不能包含大写字母,如果发生错误,该名称将不再包含大写字母),阮一峰的博客就是该文件的原因。名称应小写,可以参考。

项目说明一个Vue.js项目#项目说明,编写任何内容

?作者编号作者姓名:

Vue独立构建#我选择运行再加上时间进行编译

运行时+组件。推荐给大多数用户

安装Vue路由器?是的#您需要一个Vue路由器。

?使用ESLint覆盖您的密码。是#您是否使用ESLint作为密码重设工艺之美图片价格图片大全哪里有

选择ESLint初步标准#与ESlint相同

创建单元测试是#安装单元测试

选择测试运行根据需要选择#测试模块

?使用Nightwatch设置e2e测试。安装选择#e2e测试

创建项目后,npm应该为您安装工作吗? (推荐)npm(选择软件包下载方法:Npm或yarn。

6.开发与运营项目

更改配置设置

运行以下命令以运行程序

npm run dev实际上完成了pack.json中的工作

您可以直接在浏览器中看到界面

7.打包并发布项目

按照下面的说明,将程序包装在一个看起来像npm run dev的远程文件夹中,实际的命令是上面图像中内置的内容。

npm在Tomcat或iis根路径上运行build软件包dist文件夹内容,请访问localhost。港口:

有时我们没有将其放在Web服务器的根服务器上。端口/项目文件夹将无法访问它。此时,我们需要在PublicPath index.js文件夹中更改配置资产,然后就可以了。

8.添加状态工具

Chrom有一个配置插件,直接安装,请联系https://chromecj.com/utilities/2018-12/1653.html

devtools下载地址:https://github.com/vuejs/vue-devtools

3.总结:

Vue-cli简介:网页

vue-cli安装

vue-cli创建项目vue-cli构建vue基本项目try。项目cli基本ini:JS

猜你喜欢

转载自www.cnblogs.com/blogst/p/12689487.html