前端框架搭建

windows 安装node
https://nodejs.org/zh-cn/download/ 点击连接安装node
查看node -v
npm -v
如果显示:node 不存在
将终端退出后在进行查看

1.由于使用npm工具会自动去查找国外的网站下载包，可能会被防火墙屏蔽导致下载失败，因此我们需要安装cnmp淘宝镜像来代替npm，使用cnpm下载包会大大提高下载速率；

2.安装方式，在命令提示符窗口，输入如下命令，等待1至2分钟即可

npm install cnpm -g --安装cnpm，-g代表全局

如果报错:

npm ERR! code EEXIST
npm ERR! path C:\Users\dell\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
npm ERR! dest C:\Users\dell\AppData\Roaming\npm\npm.cmd
npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\dell\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js' -> 'C:\Users\dell\AppData\Roaming\npm\npm.cmd'
npm ERR! File exists: C:\Users\dell\AppData\Roaming\npm\npm.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\dell\AppData\Roaming\npm-cache\_logs\2020-08-07T01_58_41_618Z-debug.log

使用npm cache clean --force
如果还是报错:
将npm文件夹下面的node_modules删除
重新执行:
npm install cnpm -g --安装cnpm，-g代表全局

安装webback

先全局安装
npm -i install webpack-cli -g
在项目中执行,在本地安装
npm -i webpack -D

安装vue_cli

npm install vue-cli -g
如果不能安装,cd npm
将含有vue的文件及文件夹全部删除

初始化前端项目

vue init webpack my-project