尝试-项目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