快速搭建vue+webpack开发环境

1.安装node.js与npm

首先,你需要安装node.js与npm,如果没有安装,可以去官网安装,node.js官网地址:https://nodejs.org/en/,一般node.js都自带npm。安装完node.js后,在终端输入node -v以及npm -v查看是否安装成功,如果出现版本号,即表示安装成功,如下图:

 2.安装webpack

在终端输入:npm install -g webpack

3.全局安装vue-cli

在终端输入:npm install --global vue-cli 

4.创建一个基于webpack模板的项目

在终端输入:vue init webpack my-project,注意:my-project为文件名,文件名只能小写。

命令执行完后,在my-project文件夹里会有以下文件:

5.安装依赖

进入my- project文件夹,在终端输入cd my- project,然后在终端输入npm install.

6.运行项目

在终端输入 npm run dev 即可运行项目,下图表示运行成功

在浏览器输入http://localhost:8080会出现页面,项目搭建完毕!

扫描二维码关注公众号,回复: 6236483 查看本文章

猜你喜欢

转载自blog.csdn.net/jiangwei1994/article/details/81772253