前端开发环境安装（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
1
2

设置淘宝镜像

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

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

查看当前镜像地址命令：

npm config get registry
1

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
1

报错

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
1

选y
1

4、安装less:

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

5、安装axios

npm i axios
1