构建、运行、打包和发布vue.js 2的详细步骤 *项目环境

Vue安装

vue-cli /webpack的全球安装

如果关心安装速度，可以用淘宝镜像安装

安装淘宝镜像

npminstall-gcnpm-registry=https://registry.npm.taobao.org安装淘宝镜像后，可以用cnpm代替npm安装工具。

就我个人而言，我更喜欢直接使用npm安装：

全球网络包：

Npm安装webpack -gvue脚手架vue-cli:

Npm install vue-cli -g安装webpack版本的vue项目

在指定目录中打开命令窗口(也可以使用编辑器中的命令窗口)

vue init webpack myvuedemo

项目名称(输入默认值)项目描述。输入默认值(您也可以输入自己的描述)作者输入默认值(自己的名字)Vue构建默认为运行时编译器

安装vue路由器？y安装

使用ESLint来清理你的代码？y(推荐，保持良好的代码编写标准)

选择一个eslint预设。默认标准

设置单元测试？n(单元测试，不需要)

用守夜人设置e2e测试？N (e2e测试，不需要)

项目创建后，我们应该为您运行npm安装吗？(推荐)国家预防机制(选择国家预防机制)

安装

目录结构

Vue操作

运行命令

Cd myvuedemonpm运行开发运行成功

页面内容

打包Vue构建

打包命令

npm运行构建

打包目录结构

运行打包的项目

需要启动服务操作

使用http-server运行(如果未安装http-server，请使用节点全局安装http-server，npm安装http-server -g)

CD dist http-服务器

运行打包的内容

从建设到运营，完成打包发布是不是很简单？

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