企业官网建设流程全解析

3）验证node.js安装是否成功，在命令提示符（windows键+R键后，输入cmd，回车）中输入以下命令：

node-v或node--version

4）npm：node package manager就是node.js的包管理器。它是在node.js安装的过程中会被自动安装，不需要你进行单独安装。查看npm的版本，命令如下：

npm -v或者npm --version

5)配置npm的镜像

npminstall -gcnpm --registry=https://registry.npmmirror.com

6)测试cnpm的版本

cnpm -v或cnpm--version

7)配置npm下载的依赖的位置

cnpmconfigsetcache“d:\cnpm\npm-cache”cnpm config setprefix “d:\cnpm\npm-global”

注意路径中不能有中文目录。查看设置的信息可以使用如下命令：

cnpm config get cache //只查看cache的设置cnpm config getprefix//只查看prefix的设置cnpm configls//查看cnpm的配置

2.脚手架vue cli的安装

1）安装@vue/cli3.10的版本

cnpminstall @vue/cli@3.10 -g //-g参数表示是进行的全局安装

2）查看安装后的版本,如果能出现版本信息，表面安装成功。

vue -V或vue--version

3.创建项目

切换到需要创建项目的位置

cd路径//例如切换到d盘的cli目录下：cdd:\cli

创建vue项目

vue create项目名称//例如创建的项目名称为myproject，命令为：vue createmyproject注意：在vscode的环境终端中创建项目过程中，出现以下问题的解决方案：

问题：

vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft .com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + vue create web + ~~~ + CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess

如下图的错误提示：

解决方案：

第一步：

第二步：

执行Set-ExecutionPolicyRemoteSigned，在提示中，输入Y完成。还要注意一点，如果是使用vscode等编辑器，一定要重启一遍，才生效，切记，切记！！！！！

vue createmyproject正常运行后，会提示选择何种方式进行创建：

默认选择default即可，其中babel主要用于将es6转为es5；eslint主要用于进行语法的检查。Manually selectfeatures表示手动选择设置。使用方向键选择default（babel，eslint），然后回车即可。回车后，即可进行创建过程。

如果插件下载过程较慢，可以进行下载源的更换，也即cnpm的镜像的更换。更换的命令如下：

cnpm config setregistryhttps://mirrors.huaweicloud.com/registry/npm/可使用如下命令查看换源结果：

cnpm config getregistry

如果结果中有https://mirrors.huaweicloud.com/registry/npm/，表明成功换源，然后再去执行vue createmyproject。如下图：

vue createmyproject成功执行后，会出现如下界面，该界面中会有successfully的字样。

4.运行项目

1）切换路径到项目目录下（还是以项目myproject为例）cdmyproject

2）运行

cnpmrun serve

Ctrl+单击上图中的链接（local或Network对应的链接），即可在浏览器中打开该项目。