我爱编程

Vue学习(1)-环境搭建

2018-04-18  本文已影响0人  小焲

环境准备

node.js+npm是必备的开发环境。为了方便命令行的输入,可以选择下载Git客户端。
安装好node.js后,在终端下输入node -v,出现版本号说明安装成功;输入npm -v,出现版本号,说明npm也同时安装成功。

Vue-cli构建项目

vue-cli是 vue的脚手架,可安装vue全家桶。
1.首先安装vue-cli,指令如下:

$ npm install -g vue-cli

2.选择文件存放位置。例如我准备放在~/Vue/下,那么命令如下

$ cd ~/Vue

3.新建自己的项目

$ vue init webpack project-name

之后会出现一些提示,按需选择即可,也可一路回车。
3.安装依赖,启动项目

$ cd project-name
$ npm install
$ npm run dev

思考

1.什么是nodejs? nodejs有哪些用处?

1、nodejs:node是一个平台,是服务器端JavaScript的解析器,nodejs本身运行Google V8 JavaScript引擎,所以速度和性能非常好  
2、nodejs旨在解决创建高性能的网络应用程序,可以编写每秒处理上万条同时访问物理机器的连接代码,并且可处理高并发和异步I/O

Nodejs是什么,有什么用?
2.什么是npm? npm如何安装软件?

1.NPM(node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。
2.node包的安装分两种:本地安装、全局安装。两者的区别如下:
本地安装(npm install pkg):package会被下载到当前所在目录,也只能在当前目录下使用。
全局安装(npm install -g pkg):package会被下载到到特定的系统目录下,安装的package能够在所有目录下使用。

NPM小结
3.什么是webpack? 它有什么优缺点?

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

什么是WebPack,为什么要使用它?
4.终端的基本使用方法
Ubuntu 终端命令的使用(初学者入门)

参考:Vue2+VueRouter2+webpack 构建项目实战(一)准备工作

上一篇下一篇

猜你喜欢

热点阅读