Vue环境配置

Vue 环境配置

安装Python

下载地址

下载后直接安装即可

在命令行中输入命令，验证是否安装成功

py -V

安装Node

下载地址

下载后直接安装即可

在命令行中输入命令，验证是否安装成功

node -v

设置淘宝镜像，提高网络速度，在PowerShell中执行以下命令

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

查看配置

npm config list

在node安装文件夹下创建 node_cache 和 node_global 文件夹，并做一下设置

npm config set prefix "{node安装地址}\node_global"
npm config set cache "{node安装地址}\node_cache"

将node缓存和全局包设置在node安装文件夹下

并在环境变量中设置一下path

{node安装地址}\node_global
{node安装地址}\node_global\node_modules

安装Vue/CLI

安装好node后，在PowerShell中执行以下命令

npm install -g @vue/cli

等待安装完成

执行以下命令安装安装是否成功

vue --version

升级Vue/CLI

npm update -g @vue/cli

创建一个新项目

以管理员身份运行命令行程序，在命令行中进入要创建项目的文件夹执行以下命令创建一个新项目

vue create hello-world

或者通过vue-ui来创建项目，执行一下命令

vue ui

打开vue的UI服务，在浏览器中输入服务地址，就可以创建项目了