前端学习笔记 第1集：WebStorm 安装、vue3.0 安装、npm安装

文章目录

• ​​WebStorm​​
• ​​vue3.0 安装​​
• ​​npm 安装​​

• ​​什么是 npm​​
• ​​什么是 node.js​​
• ​​怎么安装 node.js 环境​​
• ​​安装 vue​​

• ​​查看 npm 安装目录​​
• ​​vue 安装完查看​​

从今天起，我就开始自学前端知识，更新一系列文章。

WebStorm

WebStorm 是 jetbrains 公司开发的一个前端开发工具，功能很强大。下载安装就不细讲了。

​​https://www.jetbrains.com/webstorm/
​

vue3.0 安装

​​https://cn.vuejs.org/​​

vue3.0 易学易用，性能出色，适用场景丰富的 Web 前端框架。

安装官网的的安装说明, 在命令行执行

npm init vue@latest

提示我没有安装 npm

npm 安装

什么是 npm

NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。

2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费

什么是 node.js

Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

怎么安装 node.js 环境

npm自node.js v0.6.x版以后就内嵌在node.js中，所以安装node.js就可以了。

首先到 node.js 官网下载 node.js 安装包，并且安装

​​http://nodejs.cn/download/​​

安装 vue

node.js 安装完成，就可以再次执行 vue 安装命令

npm init vue@latest

看到下面的提示，就说明安装成功了

查看 npm 安装目录

which npm

vue 安装完查看

vue 安装完成后，会在你的安装路径下生成一个 vue-project 目录，里面就是 vue 的框架代码