vue搭建基础与实用工具

目前多数互联网公司以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搭建基础与实用工具

点击导入的项目

vue搭建基础与实用工具

开启项目

vue搭建基础与实用工具

点击右上角“输出”,打开控制台输出,通过链接访问我们的vue项目

vue搭建基础与实用工具

实用工具推荐

数据结构:https://qqe2.com/

1、原创文章,作者:诺米,如若转载,请注明出处:https://www.http3w.com/archives/321

2、本站内容若有雷同从属巧合,若侵犯了您的权益,请联系本站删除,E-mail: wtao219@qq.com

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注