为什么vue-cli在win10 cmd成功编译，powershell却无法编译

Win10 Powershell怎样以管理员身份运行?其实这样的内容，才是网友们喜闻乐见的!虽然相关的内容显得有点专业性较强!但是学会新的知识，总是件令人感觉有成就港的事情，即便是目前学习成为一种负担的年代!Powershell作为命令提示符的替代产品

不管什么问题，重新进行正确的安装，是解决问题的有效方法！（哲学）

下面讲的是在Windows 10 *** 作系统环境下的全套 *** 作。

需重新安装 nodejs(已包含NPM)、CNPM、@vue/cli、@vue/cli-init。

假如nodejs 用的是 node-v12.16.1-win-x64.zip (绿色非安装包)，

假如 nodejs 已经解压到 "c:\nodejs-v12" 。目录中应该有node.exe这个文件。另外还有一些批命令：npm.cmd、npx.cmd。

一、将 c:\nodejs-v12 加到DOS搜索路径:

（最背的情况下，假如你没有管理员权限，像本人所在的扣门公司，连程序员都没有自己电脑的管理员权限，没权限安装软件，只能用绿色非安装版的）

DOS命令（rem # 开头的行不用输入) :

rem #----- 在[c:\nodejs-v12] 资源浏览器地址栏输入 cmd, 回车，相当于

rem #----- win+R 键，在运行中输入 cmd，然后跳转到[c:\nodejs-v12]

C:

CD "c:\nodejs-v12"

SET PATH_TMP=%PATH%

SETX PATH "%CD%%PATH_TMP%"

rem #---- 显示PATH环境变量

ECHO %PATH%

PAUSE

EXIT

rem #==== 本节DOS结束。

上面的命令会把系统变量PATH加到个人变量PATH中，不太好。而且变量太多时会出现：

“警告: 正保存的数据被裁断到 1024 字符。”

建议用DOS命令：rundll32.exe sysdm.cpl,EditEnvironmentVariables 来设置，

上面这个命令打开设置界面，手工设置用户的环境变量。

再次打开DOS命令窗口，显示 nodejs 版本：

rem #---- 实际执行的是 node.exe -v：

node -v

rem #====

能显示 node 版本信息，表示node环境设置成功。

二、安装CNPM(在国内或本人所在的扣门公司网络下，不容易访问国外网站，要用国内的镜像站):

rem #----

CD "c:\nodejs-v12"

npm install -g cnpm --registry=

rem # 去你的BD，上面 registry=后面是一个网址，保存后不见了。

rem # 请手工输入 [https] 加 [://] 加 [registry.npm.taobao.org]

rem #====

检查CNPM版本:

rem #----

cnpm -v

rem #====

三、安装@vue/cli :

rem #----

cnpm install @vue/cli -g

rem #====

注意：虽然说i与install等效，若用这样的命令：cnpm i @vue/cli -g 安装，

后面会出现问题，当创建vue-cli项目时（npm init webpack myvueproject）会显示错误：

----

npx: installed 1 in 3.048s

command not found: create-webpack

====

四、安装 @vue/cli-init :

rem #----

cnpm install -g @vue/cli-init

rem #====

检查vue版本 (注意参数是大写的 -V):

rem #----

vue -V

rem #====

若显示信息表示安装成功，如：

----

@vue/cli 4.2.3

====

最后补充：若 *** 作不成功，需要新建一个目录，重新安装上述内容。

尤其是第三、第四步，若中间过程出现红色错误信息，可能是网络不好造成。

正常情况是不会出错的。

吐一下槽， *** 作卖白粉的心，赚着卖白菜的钱。

上一节安装了flask，我们现在需要安装vue前端框架，需要使用vue-cli方便安装和管理。

先要全局安装vue-cli，可以使用下列任一命令安装这个新的包：

你还可以用这个命令来检查其版本是否正确 (3.x)：

官方文档

已经安装最新版本的vue-cli，我很推荐这个图形化界面，非常方便。

你也可以通过 vue ui 命令以图形化界面创建和管理项目：

图形化的界面就不需要多介绍了，有中文都能很好地使用。

使用Vue项目管理器，选择项目地址flask-vue根目录（上节运行flask示例的文件夹），创建新项目名称vue。根据具体需求选择创建条件完成项目创建，自动跳转至项目详情页。

下一节Flask与Vue的关联。

---