一、前端开发的环境配置1.1 安装node.js首先我们上node.js官网(nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境了。安装完成之后可以window+r在控制台检查版本信...

一、前端开发的环境配置

1.1 安装node.js

首先我们上node.js官网(nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境了。

安装完成之后可以window+r在控制台检查版本信息以及是否安装成功：

1.2 安装vue的环境

window+r打开控制台分别输入以下两条语句，安装淘宝npm，cnpm是为了提高我们安装依赖的速度！！

# 安装淘宝npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安装依赖包
cnpm install --g vue-cli

1.3 用vue ui新建项目

1、首先在我们要保存的项目文件夹里右键点击PowerShell窗口

如果没有PowerShell窗口，则shift+右键即可

2、输入vue ui，如果提示无法加载文件，则可能是vue版本太低的原因，可以去控制台输入vue -V检查版本，vue版本是2.X的输入vue ui是没有反应的。

解决方法：1、安装最新的脚手架，在控制台输入

cnpm i -g @vue/cli

解决方法2：如果上述方法不可行，先将原来的vue卸载掉，在控制台输入

npm uninstall -g vue-cli 

然后输入以下命令行，进行高版本的安装：

npm install -g @vue/cli

 如果上述方法还不行，那就需要：

1. 以管理员身份运行PowerShell（点开Win10开始菜单，再点开所有应用，再点开Windows系统，找到并右键单击Windows Powershell，右键菜单中点击选择“以管理员身份运行”就可以了！）
2. 执行：get-ExecutionPolicy，如果显示Restricted，表示状态是禁止的
3. 执行：set-ExecutionPolicy RemoteSigned
4. 选择Y

ok，上述三个解决方法总有一个适合你！！

二、选择编译器

选择idea 的话需要先安装插件

file-settings-plungins，输入vue，安装vue.js。