首页天道酬勤vue怎么部署,vuecli中文文档

vue怎么部署,vuecli中文文档

张世龙 05-12 05:00 65次浏览

项目生成

安装vue-cli

npl install vue-cli -g

vue init web pack my -项目初始化项目

NPM安装项目依赖关系--npm run build生成在线目录部署

nmp run dev

在localhost中启动测试服务器

第一步

完成node.js的安装构建

目的与:前端开发合作构建全球工作

方法从:官网下载并安装. msi文件(微软标准安装包文件)

验证:

从cmd命令窗口中输入node使其进入node的工作状态

控制台. log (1; 确保节点工作正常

退出

输入npm -v查询版本

2 .配置环境变量

设置主机用户变量(环境变量上方的一栏),并将PATH变量的值设置为c :\users\Lenovo\appdata\roaming\NPM

3 .基于git的软件安装配置

4 .光盘项目地址

5.cn pm安装依赖关系

说明:cnpm是国内常用的下载依赖配置方式,国外普遍使用npm当然以实际速度为准

容易出现问题的:npm和cnpm版本不匹配

建议使用别名设置方法

第二步

1 .安装脚手架工具

键入cnpm install vue-cli -g

输入vue --help查看常用命令

输入vue -V查看版本

键入vue list查看官方模板

输入vue init webpack项目包的名称

输入项目名称

项目说明

作者

使用ESLint代码检查工具可以严格检查代码格式

测试是否使用工具

完成项目的创建

6 .项目拟订后

主文档由src创建

主页是index.html

package.json是主要的配置文件

其中两个脚本是:

dev : node bulid/dev-server.js

build : node build/build.js

开发依赖内容为devDepencies

7.**进行项目依赖

进入项目文件

输入cnpm安装

项目依赖配置已完成

完成后,在项目文件夹中增加一个node_modules/目录

输入npm run dev

启动项目

9 .生成9.npm run build项目部署文件

cmd网络修复命令,cmd命令怎么打开