vue+webpack工程环境搭建

Posted tangjiao_Miya

tags:

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

使用Vue-cli脚手架(属于vue全家桶)快速构建一个项目:

【1】首先需要安装好node.js;

【2】安装webpack,指令$npm install -g webpack; //如果之前有安装可以用$webpack -v查看当前webpack版本;

【3】安装Vue-cli,指令$npm install -g vue-cli;

【4】$Vue init webpack projectName ;//生成项目名称

【5】$cd projectName;  //进入工程目录

【6】$npm install;  //初始化相关依赖安装

【7】$npm run dev //开发环境查看页面

以上是关于vue+webpack工程环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

深入浅出的webpack构建工具--webpack4+vue搭建环境 (十三)

vue利用webpack搭建开发,uat,生产三套环境

webpack+vue2.0+nodeJs搭建环境

webpack+vue开发环境搭建

Windows 环境下vue+webpack前端开发环境搭建

vue+webpack项目环境搭建