摘要:项目中遇到的插件打包工具依赖环境搭建过程安装去官网安装下载安装包之后直接点击安装即可查看版本安装使用淘宝镜像未使用全局安装创建基于的新项目安装依赖项,安装完会新增文件夹安装插件安装安装路由项目上线
项目中遇到的插件:vue-router vue-resource vue-vuex
打包工具:webpack
依赖环境:node.js
搭建过程
1.安装node.js 去官网安装node.js,下载安装包之后直接点击安装即可(node -v查看node版本)
2.安装webpack
npm install webpack -g
----使用淘宝镜像(未使用)
3.全局安装vue-cli
npm install -g vue-cli
4.创建基于webpack的新项目
vue init webpack my-project
5.安装依赖项,安装完会新增node_modules文件夹
cd my-project npm install npm run dev
6.安装插件
npm install vuex --save //安装vuex npm install vue-resource --save npm install vue-router --save //安装路由
7.项目上线 npm run build
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50506.html
摘要:项目中遇到的插件打包工具依赖环境搭建过程安装去官网安装下载安装包之后直接点击安装即可查看版本安装使用淘宝镜像未使用全局安装创建基于的新项目安装依赖项,安装完会新增文件夹安装插件安装安装路由项目上线 项目中遇到的插件:vue-router vue-resource vue-vuex打包工具:webpack依赖环境:node.js 搭建过程 1.安装node.js 去官网安装node.js...
摘要:相信不少使用的开发者和公司都有定制一套属于自己的组件库的需求。针对这个问题,我搭建了一个专门用来构建的组件库的开发框架,以节省搭建环境的劳动力,专心于组件库的开发。首先我们尝试了使用的方案,就是把组件库直接作为项目的子模块使用。 showImg(https://segmentfault.com/img/bVNais?w=1226&h=1159); 相信不少使用Vue的开发者和公司都有定...
摘要:安装安装完成之后,你应该可以使用了,方式如下上述命令应该自动在浏览器中打开。 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是很详细,对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates,基于vue-cli用官方的webpack模板居多,不过对于很多人来说,官方的webpack模板的配...
摘要:本篇文章主要是我在开发前研究了的单页面应用,因为需要用到的,所以确保安装了,建议官网安装最新的稳定版本。本文章只是和大家探讨怎么利用配合做一个单页面应用,具体关于里面的内容怎么写并不在本篇文章的介绍范围。 本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用,因为需要用到node的npm,所以确保安装了node,建议官网安装最新的稳定版本。并且在项目中需要加载一些np...
摘要:谨记,请勿犯这样的错误。由于在之前的教程中,积累了坚实的基础。其实,这是有缘由的其复杂度在早期的学习过程中,将会带来灾难性的影响。该如何应对对于来说,虽然有大量的学习计划需要采取,且有大量的东西需要学习。 前言倘若你正在建造一间房子,那么为了能快点完成,你是否会跳过建造过程中的部分步骤?如在具体建设前先铺设好部分石头?或直接在一块裸露的土地上先建立起墙面? 又假如你是在堆砌一个结婚蛋糕...
阅读 3467·2021-11-12 10:36
阅读 2834·2021-09-22 15:35
阅读 2781·2021-09-04 16:41
阅读 1143·2019-08-30 15:55
阅读 3558·2019-08-29 18:43
阅读 2052·2019-08-23 18:24
阅读 1351·2019-08-23 18:10
阅读 1902·2019-08-23 11:31