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 [email protected]:matrix-cyber/vue_hunting.git
git add .
git commit -m "init element"
git push -u origin master

12、启动服务查看页面

13、vs code打开项目

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

猜你喜欢

转载自www.cnblogs.com/shwang/p/13167214.html