vue怎么部署,vuecli中文文档
项目生成
安装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项目部署文件