简介
手动搭建Vue脚手架工具步骤,此过程在cmd上执行命令的安装,还有一种可视化板块的安装,后续会更新....
前期环境配置安装
安装node.js环境
1.在官网中下载对应的node.js版本(注:如果是公司电脑,版本建议和公司所用的一致,否则后期使用Vscode会报错)
2.cmd输入node-v检查版本 并验证已经安装成功
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