vue-cli创建

一、创建环境---- 需要安装node

采用nvm安装 

采用nvm管理node.js版本，官网：nvm文档手册 - nvm是一个nodejs的版本管理工具

 nvm基本指令

 npm使用

修改npm全局安装路径

查看npm全局安装路径：npm prefix -g

查看配置列表：npm config ls

修改npm的包的全局安装路径：npm config set prefix "E:\E2DevelopmentEnvironment\Node\npm\node_global"

修改npm的包的全局cache位置：npm config set cache "E:\E2DevelopmentEnvironment\Node\npm\npm_cache"

配置环境变量：新增路径 D:\software\nodeJs\info\node_global （路径可以根据npm prefix -g查看）

npm清除缓存 

npm cache clean --force

cnpm cache clean --force 

查看npm缓存的位置

npm cache dir

npm config list --json

yarn cache dir 

设置npm的下载源为淘宝镜像 

npm config set registry https://registry.npmmirror.com/

npm config set disturl Package - dist

npm config set electron_mirror CNPM Binaries Mirror

npm config set sass-binary-site https://npmmirror.com/mirrors/node-sass

 清理缓存

npm cache clean -f

二、安装yarn 

npm install -g yarn

查看是否安装成功：yarn -v

查看全局安装路径

查看 yarn 全局bin位置：yarn global bin

>>>>>> C:\Users\LTingUY\AppData\Local\Yarn\Data\globa

查看 yarn 全局安装位置：yarn global dir

>>>>>> C:\Users\LTingUY\AppData\Local\Yarn\Data\global

查看 yarn 全局cache位置：yarn cache dir

>>>>>> C:\Users\LTingUY\AppData\Local\Yarn\Cache\v6

 修改全局路径

改变 yarn 全局bin位置：yarn config set prefix "E:\E2DevelopmentEnvironment\Node\yarn\data"

改变 yarn 全局安装位置：yarn config set global-folder "E:\E2DevelopmentEnvironment\Node\yarn\data\global"

改变 yarn 全局cache位置：yarn config set cache-folder "E:\E2DevelopmentEnvironment\Node\yarn\cache"

改变 yarn 全局 link 位置：yarn config set link-folder "E:\E2DevelopmentEnvironment\Node\yarn\data\link"

设置yarn的下载源为淘宝镜像

yarn config set registry https://registry.npmmirror.com/

yarn config set disturl Package - dist

yarn config set electron_mirror CNPM Binaries Mirror

yarn config set sass-binary-site https://npmmirror.com/mirrors/node-sass

清除缓存

yarn cache clean

查看镜像是否更新成功

yarn config get registry

错误展示：使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案 

查找Yarn的全局安装路径。通过命令“yarn global dir”即可知道yarn全局文件所放置的地方“C:\xxxx\Yarn\bin”

将C:\xxxx\Yarn\bin加入到环境变量中，即可解决这个问题。

三、安装vue-cli

使用npm版本安装

npm init vue@latest

cd 项目名字

安装依赖：npm install

运行开发：npm run dev

发布生产： npm run build

使用yarn版本安装

yarn global add @vue/cli

查看vue是否安装：yarn global list

 四、使用vue命令

vue clear

vue -v

创建项目：vue create 项目名称。vue create gin-vue-app

运行项目

$ cd gin-vue-app

$ yarn serve

访问：http://localhost:8080/