欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Node8+Vue+ElementUI 开发环境搭建

程序员文章站 2022-03-05 07:49:31
...

Node8+Vue+ElementUI 开发环境搭建

我在公司的Win7 x64环境,和我自己的本本Win10 x64环境下,均完美搭建


以下是本教程的章程:

  • 安装”node-v8.11.3-x64”
  • 全局安装淘宝镜像
  • 全局更新npm
  • 全局安装vue脚手架, 即vue-cli
  • 全局指定安装vue、elementui版本

下载”node-v8.11.3-x64”

在文章的最后面,有文档以及下载地址

将”node-v8.11.3-x64.msi”下载到本地
双击”node-v8.11.3-x64.msi”进行安装, 一路next、agree直到安装完毕


全局安装淘宝镜像

在Windows命令行中, 执行:

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

全局更新npm

在Windows命令行中, 执行:

npm i npm@latest -g

全局安装vue脚手架, 即vue-cli

在Windows命令行中, 执行:

cnpm install -g vue-cli

全局指定安装vue、elementui版本

在Windows命令行中, 执行:

cnpm install [email protected]2.1.6 -g  
cnpm install element-ui@2.4.5 -g  

Final

Vue2文档:https://cn.vuejs.org/
Vue社区:https://www.vue-js.com/
ElementUI 中文官网:http://element-cn.eleme.io
ElementUI 2.4.5(6) 组件文档:http://element-cn.eleme.io/#/zh-CN/component/installation
Node8下载地址:https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi

相关标签: 前端框架