搭建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会出现页面,项目搭建完毕!