vue项目开发环境

webpack:
webpack是一款模块加载器兼打包工具,它能把各种资源,例如js、样式、图片等都作为模块来处理和使用。
我们可以直接使用require(XXX)的形式来引入各模块,即使他们可能需要经过编译,比如less,但是我们无须在上面花太多的心思。因为webpack有着各种健全的加载器在默默处理这些事情。
webpack的优势可以归类为如下几个:
1.webpack是以commonjs的形式来书写脚本的,但对AMD/CMD的支持也很全面。
2.能被模块化的不仅仅是js了。
3.开发便捷,能替代部分grunt/gulp的工作,比如打包,压缩混肴,图片转base64等。
4.扩展性强,插件机智完善,支持react热插拔。

node.js和npm
npm(node package manager): 通常称为node包管理器。它的主要作用就是管理node包。包括:安装、卸载、更新、查看、搜索、发布等。

对于这几个工具的理解不深,姑且理解node为运行环境,npm为包管理器,webpack是模块加载器兼打包工具。

时间: 2024-09-30 22:55:32

vue项目开发环境的相关文章

搭建Vue项目开发环境(一)

1.初始化 Vue 项目: (1)彻底删除 cnpm (假如已安装过): npm uninstall cnpm -g (2)安装 cnpm 淘宝的包管理器(由于 npm 的插件都是从国外服务器下载,因网络不稳定,可能出现异常,所以需要更换为 cnpm): npm install cnpm -g --registry=https://registry.npm.taobao.org (3)查看包管理器是否安装成功: npm config get registry (4)全局安装 vue-cli2.x

Vue - 项目开发

Vue项目开发 环境 1)安装node:官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2)安装cnpm >:npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装脚手架 >:cnpm install -g @vue/cli 4)清空缓存处理(如果第2.3补出问题可以执行该条命令) >:npm cache clean --force 创建项目 >: cd 项目目录 >

vue的开发环境与项目的创建

搭建vue的开发环境: https://cn.vuejs.org/v2/guide/installation.html 1.必须要安装nodejs 2.搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次) 3.创建项目 必须cd到对应的一个项目里面 vue init webpack vue-demo01 cd vue-demo01 cnpm

vue.js开发环境搭建

1.安装node.js,忽略 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装... 3.安装全局vue,用于帮助搭建所需的模板框架 在cmd里, 1).输入:cnpm install -g vue-cli,回车,等待安装...2).输入:vue -V,回车,若出现vue信息说明表示成功 4.创建vue项目 在cmd里输入:vue

windows下vue.js开发环境搭建教程

这篇文章主要为大家详细介绍了windows下vue.js开发环境搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api.废话不多说

vue.js开发环境安装教程

一.nodejs安装-npm安装1.nodejs安装①下载对应系统版本的Node.js:https://nodejs.org/en/download/② 运行程序开始安装,一路next最终install即可2.npm安装(新版Node.js已自带npm)③检测是否安装成功.快捷键win+R,输入cmd回车打开cmd窗口node -v 查看node.js的版本号npm -v 查看node.js自带的npm的版本号3.配置环境变量[说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及

Vue组件信息传递和Vue项目开发

一.全局组件 <body> <!-- 两个全局vue实例可以不用注册全局组件,就可以使用 --> <div id="app"> <global-tag></global-tag> </div> <div id="main"> <global-tag></global-tag> </div> </body> <script src=

搭建vue的开发环境

搭建vue的开发环境: https://cn.vuejs.org/v2/guide/installation.html(官网地址) 1.必须要安装nodejs 2.搭建vue的开发环境 ,安装vue的脚手架工具   官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次) 3.创建项目   必须cd到对应的一个项目里面 vue init webpack vue-demo01 (创建项目文件夹

Hive项目开发环境搭建(Eclipse\MyEclipse + Maven)

写在前面的话 可详细参考,一定得去看 HBase 开发环境搭建(Eclipse\MyEclipse + Maven) Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven) 我这里,相信,能看此博客的朋友,想必是有一定基础的了.我前期写了大量的基础性博文.可以去补下基础. 步骤一:File  ->  New  -> Project   ->  Maven Project 步骤二:自行设置,待会创建的myHBase工程,放在哪个目录下. 步骤三: 步骤四: