前端开发环境安装（vue）

1、安装node

Node.js 是一个开源、跨平台的 JavaScript 运行时环境.

https://nodejs.org/zh-cn/

其他版本：

https://nodejs.org/zh-cn/download/releases/

下载安装包后， 安装就可以。

2、安装vue-cli命令行工具

shift+鼠标右键， 打开powershell窗口

npm install -g @vue/cli
npm install -g @vue/cli-init

设置淘宝镜像

如果vue-cli下载安装比较慢的话， 可以设置淘宝镜像。

npm config set registry https://registry.npm.taobao.org

查看当前镜像地址命令：

npm config get registry

3.安装vscode

vscode
常用插件：
chinese
vetur
vue language
Prettier Formatter
Code Debugger
Debugger for Chrome
GitLens
Mithril Emmet

4、创建项目（vue init webpack 项目名）

vue init webpack mywebproject

报错

vue : 无法加载文件 C:\Users\A\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.m
icrosoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+vue init webpack mywebproject
+~~
+ CategoryInfo : SecurityError: (😃 []，PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess

解决：

shell 管理员身份运行

set-ExecutionPolicy RemoteSigned

选y

4、安装less:

npm install less@3.0.0 -D
npm install less-loader@5.0.0 -D

5、安装axios

npm i axios