搭建基于nodejs的vue环境

首先下载nodejs安装包下载14.18.1版本， 16.16.0版本在使用npm命令时报错

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

配置环境，nodejs根目录新建两个文件夹， 在cmd中输入以下， 14.18.1版本中不报错

npm config set cache "F:\Program Files\nodejs\node_cache"
npm config set prefix "F:\Program Files\nodejs\node_global"

配置环境变量， 根路径是安装时自动配置的

 配置淘宝镜像

npm config set registry https://registry.npm.taobao.org

安装vue

npm install vue -g

安装webpack

npm install webpack -g

安装脚手架2.x

npm install vue-cli -g

装vue-router

npm install -g vue-router

创建脚手架项目， 此处注意， 要在想要创建的文件夹下并且此路径不能又空格， 大小写等， 以管理员身份运行cmd， 默认为在cmd输入东西时， 前面写的路径， 通常为c盘用户目录下下

 创建脚手架项目， 项目名为voice， 会在我得vue projects文件夹下创建一个voice文件夹

vue init webpack voice

 然后进入voice目录下, 运行 , 也就是以下命令, 路径一定不可以有大小写和空格， 不然下面会报错

cd voice
npm run dev