java webpack web项目_vue+webpack项目搭建

项目依赖node,git,没有的话需先下载

1.新建文件夹右键选择 'Git Bash Here'，

2.输入

vue init webpack -S

根据提示一路enter就好了，我选择的是从‘? Use ESLint to lint your code?’开始全是‘n’,等一会儿显示

表示安装成功

3.安装脚手架输入

npm install vue-cli

4.输入

npm run dev

待加载完成

在浏览器输入红色标识链接即可显示

则安装成功

打包：

npm run build

会在目录中生成 dist文件，如果要部署服务器，直接将该包放上去就好了。

如果部署服务器刷新本页，显示找不到该页面，则在 dist 文件下创建新文件 .htaccess

内容：

RewriteEngine On

RewriteBase /

RewriteRule ^index\.html$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.html [L]

如果要去除链接中的‘#’：

src>router>index.js 找到该文件，并添加

就好了

java webpack web项目_vue+webpack项目搭建相关推荐

win10运行vue项目_vue+webpack在window10环境下搭建及遇到的问题
首先我搭建vue+webpack+vue-strap+vue-route+sass时,我用的是直接在项目中的package.json中的"devDependencies"直接将直接 ...
java webpack web项目_官方出品，微信小程序和 Web 端同构解决方案——kbone
介绍最近在琢磨一些小程序开发和移动web开发,偶然间在Github上看到了这样一个项目--kbone,一个致力于微信小程序和 Web 端同构的解决方案.微信小程序的底层模型和 Web 端不同,我们想 ...
java webpack web项目_spring + spring mvc + mybatis + react + reflux + webpack Web工程例子
前言最近写了个Java Web工程demo,使用maven构建: 后端使用spring + spring mvc + mybatis: 前端使用react + react-router+ webpa ...
git 创建webpack项目_近期总结：手动搭建react项目，将项目从自己的库引入到新的项目中使用...
背景:最近公司有这样一个需求,需要开发一个react工具类,这个工具类可以用在其他项目里使用,并且这个工具类比较大,需要多人协作开发. 这个项目主要由同事负责,于是同事就将这个工具类当成一个单独的 ...
vue-cli3搭建项目之webpack配置
vue-cli3搭建项目之webpack配置一.vue.config.js文件 const path = require('path')module.exports = {publicPath: ' ...
Webpack项目学习：开始搭建和react-cli（脚手架）-开发模式配置
配置配置配置文件初始化包 npm init -y >5个核心概念 // 入口entry: "./src/main.js",// 相对路径和绝对路径都行由于运行是在外面运行 ...
视频教程-Vue、Spring Boot开发小而完整的Web前后端分离项目实战-Java
Vue.Spring Boot开发小而完整的Web前后端分离项目实战 3年多.net开发经验:5年的java后端开发经验,熟悉行.net,java流行技术,拥有多个.net,java web企业级应; ...
Docker java项目发布/开发环境搭建
Docker java项目发布/开发环境搭建线上部署项目/开发环境搭建命令大全关闭windows10 指定应用安装Docker 安装 docker-compose 关于docker容器导致硬盘耗 ...
视频教程-Three.js(webgl) webpack+es6 geojson 3d地图项目实战视频教程-JavaScript
Three.js(webgl) webpack+es6 geojson 3d地图项目实战视频教程 2008年开始从事C#编程工作,2013年转向Unity游戏开发领域,在谷歌市场及苹果商店陆续发布 ...

java webpack web项目_vue+webpack项目搭建

java webpack web项目_vue+webpack项目搭建相关推荐

最新文章

热门文章