「vue项目运行」 vue里 npm run build后应该怎么运行

vue项目运行： vue里 npm run build后应该怎么运行

1. 前言 vue-cli 一个简单的构建项目的命令行界面 整体过程：$ npm install -g vue-cli $ vue init webpack vue-admin $ cd vue-admin $ npm install $ npm run dev 后面分步说明。2. 安装 前提条件， >=版本，建议使用版本。np...展开全部

其他答案:npm run dev是在开发模式下运行项目，可以加载一些调试的模块如hotload; npm run build是项目打包命令，运行这个命令后会生成可以进行上线的打包文件，这时候打开根目录下的就可以直接看到你的项目效果了

其他答案:用vue-cli搭建的做法 1、npm run build 2、把dist里的文件打包上传至服务器 例 /data/www/，我一般把放在static里 所以我的文件路径为： /data/www/static | |-----js |-----css |-----images .... 3、配置nginx监听80...

其他答案:npm run dev是在开发模式下运行项目，可以加载一些调试的模块如hotload; npm run build是项目打包命令，运行这个命令后会生成可以进行上线的打包文件，这时候打开根目录下的就可以直接看到你的项目效果了

其他答案:build 之后会生成一个dist目录。打包完命令行是不是这样提示了： Build complete. Tip: built files are meant to be served over an HTTP server. //打包的文件要在http server下运行 Opening over file:// won't work. //直接打开这个文件不会生效 所以呢， dist目录里的 和static（默认资源文件）一起放在一个server（如tomcat，如果习惯这个的话）下即可。 如果前端人员，可以用node，先全局安装一个http-server模块即可。 npm install http-server -g cd dist/ http-server 这样就帮你启动了一个server，可以看这个了。 Starting up http-server, serving ./ Available on: :8080 :8080 Hit CTRL-C to stop the server

vue项目运行： vue环境终止运行之后怎么再次启动

单独的vue项目，不需要运行环境的，直接打开即可。就是不知道项目中是不是使用了其他的东西。

其他答案:你是用手脚架搭的吗？出来这个页面说明你成功的完成了第一步，进入到vue的世界了，接下了你想干嘛就干嘛了，环境已经搭建完成，你需要做的就是将你想放的东西放进去而已。 vue都是以组件形式将页面导入进入的，import引入组件，在components中声明，然后在中使用就行了 <img src=＂ src=＂

vue项目运行： vue npm运行项目,这个怎么解决-百度知道

1、删除，重新npm install,node_modules中出现了stylus文件夹了，然而还是报错。2、在终端直接运行 sudo npm install stylus-loader stylus --save-dev 结果就编译成功了、补充：1、这个 是npm 5 做的一个优化，...展开全部

vue项目运行： vue项目：重新安装windows10系统之后,vue cli 脚手架项目无法...

需要先安装nodejs网页链接如果安装后仍然不能运行，就是自动配置环境变量失败了，需要手动配置环境变量网页链接

其他答案:可以私聊我~

vue项目运行：vue里npmrunbuild后应该怎么运行？

1. 前言

vue-cli 一个简单的构建项目的命令行界面

整体过程：

$ npm install -g vue-cli ? $ vue init webpack vue-admin ? $ cd vue-admin ? $ npm install ? $ npm run dev

后面分步说明。

2. 安装

前提条件， >=版本，建议使用版本。npm版本 >

全局安装vue-cli

$ npm install -g vue-cli

3. 使用

$ vue init <template-name> <project-name>

vue官方提供了多个打包工具版本的模版。我们可以使用vue list命令查看，当前可以使用的模版。

$ vue list

我们在这里，使用webpack模版。 功能齐全的webpack & vue-loader 提供热加载、代码检查、单元测试和css分离

$ vue init webpack vue-element-admin

之后，在E：\project文件夹下面，会有刚初始化的构建的项目vue-element-admin

4. 运行结果

项目基础结构已经搭建好了，现在来启动它。

进入项目文件:

$ cd vue-element-admin

安装依赖：

中国行情原因，直接安装，有时候会失败。我们一般使用npm的淘宝镜像cnpm。

先安装cnpm：

$ npm install -g cnpm --registry=

之后，使用:

$ cnpm install

你直接安装也可以的：

$ npm install

运行：

$ npm run dev

启动之后，自动打开默认浏览器

之后，就可以进行本地开发，实时预览开发效果。

5. 打包部署

项目开发完成之后，可以使用npm run build进行打包工作

$ npm run build

打包完成之后，会生成dist文件夹，项目上线时候，只需要将dist文件夹放到服务器就行了。

6. 项目结构

vue项目运行：如何构建一个大型Vue应用程序？

MVVM使Vue在中小型Web应用程序中具有天然优势，但随着Vue的日益普及，Vue在大型项目中的使用略显尴尬。

显然，在高复杂性项目中，类型检查已成为必需的特性，而TypeScript中的Vue2类型检查支持不够好，重要的是缺乏Vuex状态逻辑的模块化设计。

以下是以下提出的解决方案：

商业逻辑的模块化 -? usm-vuex将解决模块化的重要问题

TypeScript - vue-cli3

TSX - 更好的模板类型检查

依赖注入 - 最佳DI库：inversify

Subpackage - 使用lerna构建Monorepo

在lerna初始化之后，执行域驱动设计，并获得domain-driven。如有必要，可以在启用动态导入延迟加载或诸如RequireJS之类的模块加载器的情况下进行子打包，以提高运行时性能和构建性能。

在使用Vue-cli3结构初始化核心应用程序子包时，选择TypeScript作为主要语言，它将自动引入Webpack ts-loder。

结合TSX的视图组件模块，整体设计并基于此架构，使用TypeScript检查类型会更容易。

Vue架构的核心设计部分应该是usm-vuex。它使Vuex的业务模块化变得简单明了，它可以使当前的架构设计具有高内聚力和与视图层的ViewModule的低耦合。

它大大提高了体系结构中的可重用性和可维护性，并且通过依赖注入使模块之间的依赖关系变得清晰易懂。当然，对于大型应用程序还有许多其他细节需要完善，本文未对此进行介绍。

vue项目运行：怎么把VUE项目部署到服务器上面？

vue项目写完代码，就需要将代码进行打包, npm build, 会生成

和dist文件，然后将这些文件拷贝到服务器上，然后通过nginx等web服务器提供访问