vue.js + element-ui + webpack项目搭建

• Z时代
• 2024-01-10
• 分类：综合

一、安装node.js

node.js是运行在服务端的JavaScript，集成了npm（node package manage），官网下载最新版本进行安装 http://nodejs.cn/download/（以下截图为v8.1.3）;

使用 $ npm -v 命令查看有没有安装npm。

使用  $ node -v  命令查看node版本。

二、安装webpack

通过npm安装webpack，打开命令行工具安装

$ npm install webpack -g

三、安装vue-cli

用vue-cli搭建vue.js开发环境，打开命令行工具安装

$ npm install vue-cli -g

四、安装完创建项目

找一个目录创建和初始化项目

$ vue init <template-name> <project-name>

生成的文件目录结构：

五、运行项目

根据初始化成功提示操作

进入项目目录，执行 $ npm run dev 

运行成功，访问界面如下：

以上是 vue.js + element-ui + webpack项目搭建 的全部内容， 来源链接： utcz.com/z/377039.html