安装node.js 和webpack

一 、安装node.js 和webpack

1. node.js是什么？有什么用？ 为什么要使用？

https://www.jianshu.com/p/4007d34f362c

• 安装node(因为node提供了npm命令)
  安装完成后使用 node -v 、npm-v查看版本
• 设置淘宝镜像: nodejs的模块(插件)存放在网站,https://www.npmjs.com,淘宝镜像会同步该网站的模块 设置方法:npm config set registry http://registry.npm.taobao.org/

2. webpack是什么？有什么用？ 为什么要使用？

https://www.jianshu.com/p/e33089d9bc08

• 文档地址: https://www.webpackjs.com
• 安装webpack
• npm i webpack -g (-g全局安装, --save-dev安装到本目录)
• npm i webpack-cli -g

2.1 ps: 有时打包的时候提示xxx not fund 解决方案:
方法一: 安装缺的模块 npm i xxx --save-dev
方法二: 把webpack和webpack-cli卸载后重装,有时它们出问题了,丢失了某些东西
卸载方法 npm uninstall webpack -g npm uninstall webpack-cli -g

二、安装vue脚手架，并用脚手架创建项目

1. 安装脚手架 npm install -g @vue/cli （这个是vue3的脚手架）
    安装完成后     输入 vue -V 检查安装是否成功
2. 使用vue-cli3.0创建一个项目
  2.1 使用命令方式创建一个项目
快速原型开发命令： vue create 项目名 vue create maw
  2.2 使用图形界面创建一个项目
使用命令 vue ui

项目目录结构

1. package.json 记录依赖，初始化package.json   npm init -y（当我们打开别人创建的vue项目的时候，因为依赖的包等，占的内存太大，一般不会有依赖的东西，我们可以通过这条命令，重新下载依赖）
2. babel.config.js 编译es6用的,把es6转变成js5
3. .gitignore git忽略的文件或文件夹
4. src 源代码存放的地方
5. public 放置公共的文件