一.安装node.js
安装地址:https://nodejs.org/en/download/(参考安装步骤:http://www.runoob.com/nodejs/nodejs-install-setup.html)
安装后检查命令板里自己检测是否成功:运行cmd ,输入代码: node -v 如图:会打印出版本号
-
1.node.js
-
服务器语言
- 类似phthon语言,电脑安装nodejs之后,它自带一个npm模块,就像安装python之后,自带一个模块pip3,,
通过pip3 install Django命令下载Django,下载python中的第三方模块。
- nodejs有内置模块:如fs-文件系统,先引入,在调用就可以
-
npm install *下载
(下载前端的包:如jquery,bootstrap,vue,如果不确定能否下载,可以去npm官网https://www.npmjs.com/)
-
ES6Module导入包时
首先 1.先export default
2.import *** from '模块'
服务器语言与前端语言不同之处
- 它操作系统
- 读文件,对文件操作
- js全局对象为window
- 服务器语言自带model
-
2. babel作用:解析ES6的代码转化成ES5的语法(浏览器可以识别ES5语法)
ES6有部分的api(代码)浏览器识别不了
-
3.webpack(打包机):
能将我们的html、css、js、png等打个包;能压缩我们的js、css、html;之后编译打包=》上线
-
4.vue-cli(脚手架) 内部集成了:nodejs(服务器)+ webpack(内部可下载babel)
- nodejs(服务器)服务器可以让我们的前端项目支撑起来
- 如果vue-cli内部集成了nodejs,那他就是挂载到了服务器上了,就把前端项目跑在服务器上了,比如localhost8800,本地服务器
- 然后webpack进行编译打包,
-
下载完vue-cli脚手架,按照他的规则去做我们想做的事就可以
-