vue项目的创建与开发、发布

1、安装环境,安装vue脚手架,初始化项目

1)安装nodejs(终端中指令:node -v能显示版本号即安装成功)

2)安装yarn(yarn优于npm)

  npm install -g yarn

3)安装脚手架(vue-cli)

  yarn global add @vue/cli(npm install -g @vue/cli)

  验证:vue -V 会显示版本号

4)创建项目

  vue create project

5)cd到项目下

  cd project

6)运行项目

  yarn serve(npm run serve)

2.开发

1)安装element-ui

  npm i element-ui -S

2)安装vue router(router的使用示例:使用vue router - 银河1992 - 博客园 (cnblogs.com)

  npm i vue-router@3.2.0

3)在main文件中全局使用element-ui和router

4) 安装less和less-loader

vue使用less - 银河1992 - 博客园 (cnblogs.com)

5) 安装和使用vuex进行状态管理

使用vuex - 银河1992 - 博客园 (cnblogs.com)

 

6)安装与使用axios

axios:axios - 银河1992 - 博客园 (cnblogs.com)

mock模拟请求响应:mockjs - 银河1992 - 博客园 (cnblogs.com)

7) 安装和使用echart

8)权限管理,登录权限和管理权限

9)项目发布

 

posted @ 2022-08-04 23:02  银河1992  阅读(190)  评论(0编辑  收藏  举报