vue2.0搭建vue脚手架(vue-cli)，集成element-ui

最新推荐文章于 2025-06-26 13:29:47 发布

原创

最新推荐文章于 2025-06-26 13:29:47 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何搭建Vue2.0项目，通过vue-cli创建项目，集成国内npm镜像cnpm，安装Vue及webpack模板，并详细讲解了设置项目名称、安装vue-router、ESLint等过程。最后，文章演示了如何集成Element-UI库，并在main.js中引入，以完成项目的搭建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先要安装node.js

下载地址 https://nodejs.org/en/

安装完成后，在cmd命令行里面键入node -v查看版本

C:\Users\lh188>node -v
v8.9.3

我们需要的npm功能已经在node中集成，输入npm -v查看版本

C:\Users\lh188>node -v
v8.9.3

展示版本号，代表已经安装成功。

2.由于npm的部分资源被强，我们需要安装cnpm，相当于国内的镜像地址。
在命令行里键入

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待安装完成后输入cnpm -v查看版本

C:\Users\lh188>cnpm -v
cnpm@5.3.0 (D:\dev\nodejs\node_modules\cnpm\lib\parse_argv.js)
npm@6.1.0 (D:\dev\nodejs\node_modules\npm\lib\npm.js)
node@8.9.3 (D:\dev\nodejs\node.exe)
npminstall@3.7.0 (D:\dev\nodejs\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\dev\nodejs
win32 x64 10.0.17134
registry=https://registry.npm.taobao.org

这个版本和npm是不一样的。
使用方法就是需要用npm的地方用cnpm代替。

3.安装vue
键入