目前多数互联网公司以Element框架 进行开发，该框架的组件能够满足大部分需求，所以诺米在此推荐大家使用。
基础工具与储备
Element官方网址：https://element.faas.ele.me/#/zh-CN
学习以下知识点，可以更快的开发
Vue：https://cn.vuejs.org/v2/guide/
Vue Cli：https://cli.vuejs.org/zh/
VueX：https://vuex.vuejs.org/zh/
Vue Router：https://router.vuejs.org/zh/
Sass函数：http://www.mamicode.com/info-detail-1126451.html
环境安装
下载node.js，https://nodejs.org/zh-cn/download/
执行cmd命令，使用淘宝镜像的命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org执行cmd命令，安装vue-cli命令：
cnpm install -g @vue/cli进入项目根目录，执行cmd命令，安装依赖：
cnpm install执行cmd命令，打开VUE可视化项目管理工具
vue ui导入xx_vue_pc项目（根目录下的web文件夹）
点击导入的项目
开启项目
点击右上角“输出”，打开控制台输出，通过链接访问我们的vue项目
实用工具推荐
数据结构：https://qqe2.com/
1、原创文章，作者：诺米，如若转载，请注明出处：https://www.http3w.com/archives/321
2、本站内容若有雷同从属巧合，若侵犯了您的权益，请联系本站删除，E-mail: wtao219@qq.com
微信扫一扫 
支付宝扫一扫 相关推荐
-
vue程序打包 npm ERR! missing script: build
结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为“scripts”: {R…
-
npm ERR! code ERESOLVE
vue安装命令, npm install时报错： D:\workspace\IM\websocket-master>npm installnpm ERR! code ERES…
-
uniapp设备屏幕高度适配
1、获取设备屏幕可用总高度 2、绑定计算属性 首先注意，不能绑定data属性，要绑定计算属性；scrollHeight代表多个变量计算后的最终结果，由computed监控。 com…
-
npm install 时报错 Cannot read properties of null (reading ‘pickAlgorithm‘)
问题背景nodejs 执行 npm install 时报错 “Cannot read properties of null (reading ‘pickAlgorithm‘)” 解…
-
uniapp实现小程序分享
一、创建share.js文件，内容如下： 二、再main.js文件中引入全局share.js 提示：我的share.js文件放在units文件夹中 三、发行小程序-微信 在打开的小…
-
el-table表格超出部分显示省略号，去掉鼠标悬浮显示
1.el-table是有这个控制属性的：:show-overflow-tooltip=“true” 2.如果需要去掉鼠标悬浮显示的全部内容可以设置样式，因此需要修改一下。注意：如果…
-
前后端分离 nginx报405错误 方法不被允许 (Method not allowed)
背景： 前端VUE+后端SpringBoot（后端生成war包，部署到tomcat中；前端通过Nginx配置） 解决：
-
uniapp隐藏头部并自定义返回按钮
我在编写一个小程序分享页面的时候，需要将背景图铺满整改手机屏幕，因此，需要隐藏掉头部区域，在通过官方示例隐藏成功之后，发现返回上个页面的左边按钮没了，于是经过各种查询，发现个自定义…