美文网首页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