码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-02-27 19:18:15      阅读:544      评论:0      收藏:0      [点我收藏+]

标签:been   tps   搭建   recommend   project   reset   div   inf   watch   

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项目

标签:been   tps   搭建   recommend   project   reset   div   inf   watch   

原文地址:https://www.cnblogs.com/beka/p/8480222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!