MacOS element-ui开发环境&项目初始化

1、安装nodejs

https://nodejs.org/en/download/
直接下一步就完事儿

2、安装cnpm

npm太慢,用淘宝的cnpm安装软件速度快些

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

3、给node安装读写文件的权限,不然会报错

sudo chmod 755 /usr/local/lib/node_modules

4、安装vue cli脚手架

cnpm install @vue/cli -g

安装成功如图:

5、启动vue-ui

6、创建vue项目


然后选择手动

7、功能安装:Babel、Router、Linter\Formatter、使用配置文件

8、配置:选择ESlint+Standard config


创建VUE项目

9、配置Element-UI组件库

安装:vue-cli-plugin-element

配置:按需加载UI组件(默认添加所有组件太大了)

10、配置axios依赖

安装:axios组件

11、同步到github

git remote add origin git@github.com:matrix-cyber/vue_hunting.git
git add .
git commit -m "init element"
git push -u origin master

12、启动服务查看页面

13、vs code打开项目

接下来可以愉快的写项目啦~~~

posted @ 2020-06-20 00:38  西二旗老实人  阅读(243)  评论(0编辑  收藏  举报