NodeJS+Vue+ElementUI配置

NodeJS+Vue+ElementUI配置

---

记录下最近使用Vue框架及ElementUI的相关配置

开发平台

win10 x64 2020H2
NodeJS 14
Vue 2.6.12
vue-router 3.5.1
ElementUI 2.15

NodeJS安装配置

1. 下载ZIP文件包
   NodeJS各种安装包地址
   我下载的ZIP地址
2. 解压缩
   到文件夹D:\PortableSoft\node-v14.15.5-win-x64
3. 配置环境变量
   win配置环境变量Path，新增一个上面的路径
4. 重启系统或者注销
5. 测试安装是否成功
   打开命令行输入
   node -v 或者npm -v有正常输出即可
   
6. 替换淘宝源
   继续命令行输入
   npm install cnpm -g --registry=https://registry.npm.taobao.org
   

安装Vue

1. 安装CLI
   cnpm install @vue/cli -g
   
2. 进入Vue项目管理器UI
   vue ui
   浏览器就会打开配置界面了
   

测试项目

1. 新建一个项目’ele-test’
   保持默认配置，注意选择vue2的版本，等待片刻
   

2. 成功之后

3. 安装vue-router
点击左侧插件按钮，选择右侧上方添加vue-router
4. 安装vuex
点击左侧插件按钮，选择右侧上方添加vuex
5. 安装ElementUI
点击左侧插件按钮，选择右侧上方安装依赖，输入elementui，默认配置，安装

6. 测试vue
点击左侧任务按钮，选择serve，再点击运行,会进入编译状态

7. 完成
编译成功后点击启动app，浏览器会跳转新界面，注意button已经是el-button类的了