vue前端项目的环境搭建及碰到的问题

vue前端项目的环境搭建及碰到的问题

1.环境搭建

步骤并不复杂，总结下来，总共有以下几步：

1.1 下载安装node.js

安装最新版本就行；
安装完成后，在命令行输入node -v 能查看到版本即安装成功。

1.2 安装npm的淘宝镜像cnpm

在命令行中输入：
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后，在命令行中输入cnpm -v 能查看版本即成功

1.3 安装vue cli

在命令行中输入
npm install -g @vue/cli
通过vue --version 查看是否安装成功

1.4 新建项目，项目文件名称my-project

在命令行输入：vue create my-project
经过一系列配置，如下图


新建的项目的目录结构，如下：

自此，vue项目新建完成；

2.碰到的问题

在新建项目过程中，遇到了几个问题如下：

2.1 无法加载问题

npm/cnpm /vue: 无法加载文件 C:\Users\15277\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

这类问题的解决方法是：
来自 https://blog.csdn.net/y_0232/article/details/102555209
解决方法:
1.以管理员身份运行power shell
2.输入set-ExecutionPolicy RemoteSigned
然后输入A 回车

问题解决。

2.2 cnpm install 的问题

在输入cnpm install 时会报错：
Error: Can’t find Python executable “python”, you can set the PYTHON env variable.
解决办法：
来自 https://blog.csdn.net/weixin_36222137/article/details/78463543
第一种方式：

安装Python及环境变量配置

一定要安装python2.7的版本

环境变量安装可以参考：http://blog.csdn.net/lyj_viviani/article/details/51763101

如果第一种方式不行可以试试第二种方式。

第二种方式：
运行下面代码

npm install --global --production windows-build-tools

这里我采用的是第二种方法，结果如下：

问题得以解决；