Vue 项目的创建并发布

Posted 2021-04-16 无限云科技

今天我们一起学习下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

会在项目目录下生成 dist目录

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

启动tomcate bin/staratup.sh

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