1.安装node.js 环境
a.下载对应你系统的Node.js版本:https://nodejs.org/en/download/
搭建Vue开发环境
b.查看node版本及npm,验证是否安装成功
注:npm的作用就是对node.js依赖的包进行管理,也可以理解为用来安装或卸载node.js需要的东西。
搭建Vue开发环境
c.配置环境变量
注:配置npm安装的全局模块所在的路径和缓存cache的路径,是为了避免后面执行类似:npm install express -g 的安装语句时默认安装至C盘——当然,如果你不介意使用默认路径,这步可以省略。
执行如下语句:
搭建Vue开发环境
接下来配置环境变量:
系统变量
变量值:D:\commonUse\Vue\node\node_global\node_modules
用户变量
变量值:D:\commonUse\Vue\node\node_global
配置完成后执行语句:npm install express -g
搭建Vue开发环境

2.安装淘宝镜像(cnpm
执行语句:npm install cnpm -g --registry=https://registry.npm.taobao.org
查看是否安装成功:cnpm -v
搭建Vue开发环境

3.安装全局vue
执行语句:npm install vue -g
搭建Vue开发环境

4.安装vue脚手架
执行语句:cnpm install @vue/cli -g (最新版本)
或 cnpm install vue-cli -g
至此环境已搭建好。
打开Visual Studio Code,安装相关插件后即可创建项目。

你可能会遇到的问题
进入控制台,输入vue ui(最新脚手架支持)你可能会出现以下错误:
搭建Vue开发环境
用 get-ExecutionPolicy 查看发现执行策略为受限状态
搭建Vue开发环境
输入 set-ExecutionPolicy -Scope CurrentUser 命令,回车,输入 RemoteSigned 解除受限状态,回车。
搭建Vue开发环境
再次查看受限状态,结果为 RemoteSigned(受限移除),现在我们可以正常创建了。
搭建Vue开发环境

相关文章: