从安装node到vue-cli

vue-cli

1.下载node

官网：https://nodejs.org/en/

下载完双击：



提前建好文件夹nodejs，最好放在某个盘的直接路径：






打开终端：

node -v
npm -v

有版本号就是安装成功了！！

2.node配置

1.打开nodejs文件夹

2.新建文件夹node_global和node_cache

3.配置npm路径

npm config set prefix"E:\nodejs\node_global"
npm config set cache"E:\nodejs\node_cache"

4.更新npm（已经是最新就不用更新了）

npm install -g npm

4.安装cnpm
目的：npm是国外镜像，cnpm是国内镜像，用cnpm代替npm，下载速度快。

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

查看版本号

cnpm -v

5.添加环境变量
E:\nodejs\node_global

双击path：


6.安装vue-cli
命令以官网为主：

cnpm install -g @vue/cli

查看版本号：
注意查看vue版本的命令是大写V

vue -V

全局安装完毕！

3.在vscode中利用vue-cli创建项目

1打开终端，注意文件夹路径是你创建项目的路径：

2依次执行查看版本命令：

node -v
npm -v
cnpm -v
vue -V

3如果遇上上面的问题，以管理员身份打开powershell

执行命令：

Set-ExecutionPolicy RemoteSigned

4如果上面命令之后还解决不了（一般能解决），再vscode执行命令：

Set-ExecutionPolicy RemoteSigned -Scope Process

5创建项目：
（test2是我的项目文件名）

vue create test2

6先到项目目录去，跑下项目：

 cd test2
 npm run serve

7回头看下目录：

打开readme.md,可以看到基本命令：

结束（个人安装的全过程，反正是成功啦）