vue-lic工具搭建vue-webpack项目

Posted beka

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-lic工具搭建vue-webpack项目相关的知识,希望对你有一定的参考价值。

1.安装node环境(安装node时候会自动安装npm)

  参考官网:https://nodejs.org/en/download/

2.安装vue的脚手架工具vue-cli

// 全局安装
npm i vue-cli -g

3.使用vue-cli初始化webpack项目(在这里用的是cmd,可以选择选项)

vue init webpack test-project// test-project(项目名)

技术分享图片

// 选项可进行自行选择
? Project name test-project // 项目名 ? Project description a test for vue-lic and webpack program // 项目描述 ? Author Bek // 作者 ? Vue build standalone// 选运行+编译器 ? Install vue-router? Yes// 路由 ? Use ESLint to lint your code? Yes// 代码检验工具 ? Pick an ESLint preset Standard ? Set up unit tests Yes// 测试 ? Pick a test runner karma// 选择karma ? Setup e2e tests with Nightwatch? Yes// 选择Nightwatch ? Should we run `npm install` for you after the project has been created? (recommended) npm

4.进入项目并安装响应安装包

// 进入项目
cd test-project
// 安装响应安装包
npm i

5.运行

npm run dev

技术分享图片

技术分享图片

6.打包上线

npm run build

技术分享图片

  dist中有内容打包成功

技术分享图片

 


以上是关于vue-lic工具搭建vue-webpack项目的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli脚手架工具搭建vue-webpack项目(转)

安装vue-lic

vue-webpack项目本地开发环境设置代理解决跨域问题

vue-webpack项目自动打包压缩成zip文件批处理

在vue-lic脚手架中安装mockjs,实现前后端分离开发

vue-webpack模板升级到webpack4