Vue-cli项目创建

208 阅读1分钟

简介

手动搭建Vue脚手架工具步骤,此过程在cmd上执行命令的安装,还有一种可视化板块的安装,后续会更新....

前期环境配置安装

安装node.js环境

1.在官网中下载对应的node.js版本(注:如果是公司电脑,版本建议和公司所用的一致,否则后期使用Vscode会报错)
2.cmd输入node-v检查版本 并验证已经安装成功

image.png
3. 为提高网速效率通常会安装cnpm镜像
在cmd中输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
验证是否cnpm镜像是否安装成功 :
cnpm -v

安装Git

4.git官网安装下载git,安装一直下一步即可

安装并创建Vue-cli

1.安装(默认安装最新版本)

npm install -g @vue/cli
# OR
yarn global add @vue/cli

2.指定版本安装(根据公司使用的版本号进行安装,否则后期可能会出现bug)

npm install -g vue-cli@版本号
3.0及以上:
npm install -g @vue/cli@版本号

3.检查安装是否成功并进行版本号验证
vue -v
4.创建脚手架项目文件
①cmd切换到桌面(或者指定位置):cd Desktop
②创建脚手架项目文件:

vue create '项目名称'
# OR
vue ui