vue 创建新项目

自从换了新机器，或者重新弄一个新的vue项目的时候，总是有点费劲。这次记录下，方便下次自己找的时候方便寻找

1. 下载nodejs文件

从https://nodejs.org/en/，下载nodejs文件；安装完成后，之后可以把nodejs的目录放进环境变量（不放不知道可不可以，忘记了.....）。最后检查是否放入环境变量： node -v ；npm -v

image.png

**2020年7月29日更新：

最新的版本已经不再支持windows7版本了，会提示：

This application is only supported on Windows 8.1, Windows Server 2012 R2, or higher.This application is only supported on Windows 8.1, Windows Server 2012 R2,or higher.

windows7 下载v12.16.2及之前的版本即可

https://nodejs.org/dist

https://nodejs.org/dist/v12.16.2/

**2020年7月29日更新End

2.使用淘宝镜像（安装cnpm）

npm install -g cnpm --registry=https://registry.npm.taobao.org

再用 cnpm -v 检查下版本.....

到现在，必须的几个已经完成了，可以创建项目了

后续问题1：

在输入cnpm 的时候，出现以下问题：

image.png

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

百度后：https://www.cnblogs.com/yaotuo/p/12240019.html

解决方案1：

在 Windows PowerShell 输入命令：set-ExecutionPolicy RemoteSigned，然后选择全是“A”,即可。最后通过get-ExecutionPolicy命令查看是否为“RemoteSigned”。如图：

image.png

3.初始化全局Vue-cli

选择好指定目录后，先初始化vue-cli：

cnpm install vue-cli -g

等完成后，输入vue就有了反应了，而不是提示：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件

4.新建项目

vue init webpack 项目名称

image.png

到这一步就基本可以了，下面的就是一路回车，但是 eslint看需不需要了（这个是规范代码的，记得是），这个需要等一会。。完成之后就会有提示：

image.png

进到项目里面，先安装：cnpm install

最后 cnpm run dev

*以前开发的时候，会在run dev的时候还是install的时候提示没有安装python,失败。附上安装python的路径：https://www.python.org/

最后总结下：
1.从https://nodejs.org/en/下载nodejs,安装，配置环境变量
2.安装cnpm淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.初始化全局Vue-cli：cnpm install vue-cli -g
*(可选).安装python: https://www.python.org/
4.新建项目： vue init webpack 项目名称
5.安装运行： cnpm install 和 cnpm run dev

如果本台机器已经走过流程了，从3开始.

2020年3月10日更新：
输入cnpm 报错：