美文网首页ins-vue我爱编程
Vue项目构建与管理--基础环境篇

Vue项目构建与管理--基础环境篇

作者: youins | 来源:发表于2018-06-26 08:05 被阅读10次

Node.js

官方网站

特性介绍

  • Node.js是运行在服务端的 JavaScript。

  • Node.js是一个基于Chrome JavaScript 运行时建立的一个平台。

  • Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

安装配置

下载

下载

安装

以windows环境为例,安装node.js(.msi安装包)

  • Node.js默认安装目录为 "C:\Program Files\nodejs" , 你可以修改目录,并点击 next(下一步):


    image
  • 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)


    image
  • 点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):


    image
  • 点击 Finish(完成)按钮退出安装向导


    image

验证

  • 有效性


    image

NPM

简介

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

解决的问题

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用

  • 允许用户从NPM服务器下载别人编写的第三方应用程序到本地使用

  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

缺点

由于npm利用国外的镜像仓库下载比较慢,所以我们需要添加国内的源进行下载(以淘宝数据源为例)

npm install -g cnpm --registry=https://registry.npm.taobao.org

命令

  • 安装 cnpm install
  • 更新 cnpm update 模块名称
  • 查询 cnpm search 模块名称
  • 查看 cnpm list

webpack

简介

一个前端资源加载/打包工具

能解决什么问题?

  • 它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用

  • 模块化,让我们可以把复杂的程序细化为小的文件;

  • 类似于TypeScript这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScript不能直接使用的特性,并且之后还能能装换为JavaScript文件使浏览器可以识别;

  • scss,less等CSS预处理器

安装

cnpm install webpack -g

vue-cli(脚手架)

简介

一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目

安装

cnpm install -g vue-cli

相关文章

网友评论

    本文标题:Vue项目构建与管理--基础环境篇

    本文链接:https://www.haomeiwen.com/subject/xyqpyftx.html