Vue 项目创建并发布

1、# 全局安装 vue-cli
npm install vue-cli -g // 如果还没安装
2、# 创建一个基于 webpack 模板的新项目
vue init webpack myproject

2.1、参数设置说明：
Generate project in current directory：是否在当前目录下生成项目
Project name 项目名称
Project description 项目描述
Author ：作者
下面的都是选择部分
Vue build ：选 Runtime + Compiler: recommended for most users 运行加编译(推荐大部分人使用)；
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，一般项目中都会使用。官网:http://eslint.org/
Pick an ESLint preset (Use arrow keys) :选择编写vue项目时的代码风格，根据个人爱好选择：
Standard (https://github.com/feross/standard)
AirBNB (https://github.com/airbnb/javascript)
none 自己定义风格
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试

3.启动项目

npm run dev

4.项目打包

npm run build

5.将dist文件夹拷贝到 tomcate/webapps/ROOT/目录下

启动tomcate bin/staratup.sh

6.就可以用浏览器访问了

转载于:https://www.cnblogs.com/fang888/p/10433106.html

Vue 项目创建并发布相关推荐

vue项目创建步骤和路由router知识点
菜单快捷导航: vue项目创建 vue路由router知识点(路径参数.查询参数.命名路由.嵌套路由.命名视图.hash/history模式) vue导航守卫(全局守卫.单个路由独享.组件级守卫) 1 ...
Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...
Vue脚手架搭建及vue项目创建【详细教程】
目录 Vue脚手架环境安装 Vue项目创建 Vue项目目录结构项目运行流程组件结构 Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具 ...
vue项目构建打包发布三部曲
一.vue项目的创建 1.首先第一肯定是要有Node.js及npm这个不多说了 2.安装脚手架此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览,使用vue全家桶制作自己的 ...
Node.js、npm环境配置与Vue项目创建
目录一.Node.js.npm简介 1. Node.js 2. npm 3. npm和Node.js的发展二.Node.js(内置npm)的下载与安装三.Vue CLI脚手架的安装与项目的创建: ...
Vue 项目的成功发布和部署
最近一直在尝试对 Vue 项目进行打包和发布,发现通过 npm run build 打包生成的 dist 文件不能直接放到服务器下面进行部署,否则会出现以下问题: 究其原因是,无法正确找到相关 js ...
Vue入门：Vue项目创建及启动
1. 创建Vue项目存放地址用于存放Vue项目,找个自己处理方便的地方.本人地址:D:\Program Files\Workspace\Vue 2. 创建项目进入cmd窗口进入项目存放地址执行 ...
vue项目创建，redis列表字典操作，django用redis的第二种方法
vue项目的创建(路飞前端) -安装node.js -安装vue的脚手架 -创建vue项目,vue create 项目名字在pycharm中开发vue -webstrom,pyacharm,golan ...
python websocket django vue_Python Django Vue 项目创建过程详解
1.创建项目打开pycharm 终端,输入如下,创建项目 # 进入pycharm 项目目录下 cd pyWeb django-admin startproject pyweb_dome # pywe ...

Vue 项目创建并发布

Vue 项目创建并发布相关推荐

最新文章

热门文章