Vue Cli脚手架—安装Nodejs和Vue Cli

一,Vue Cli 文档地址: https://cli.vuejs.org/zh/

二,.环境配置,搭建项目

1.安装node.js

2.下载 node.js10.16.3 地址: https://nodejs.org/en/blog/release/v10.16.3/

3.安装 node.js10.16.3 , 直接下一步即可, 安装到 d:\program\nodejs10.1

4.验证是否安装成功, 如果看到不到, 退出 cmd, 重新开一个窗口测试即可

5.先删除以前的 cli 版本<不论是之前未下载或没有下载>

npm uninstall vue-cli -g

6.安装淘宝镜像-cnpm

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

此时:该npm 淘宝镜像到期了,尽快切换~(npm使用淘宝镜像安装时报错)

切换新源:

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

解决方案:

(1)

// 1. 清空缓存

npm cache clean --force

// 2. 关闭SSL验证

npm config set strict-ssl false

// 3. 安装

到这里就可以正常使用npm命令安装需要的工具了。如( npm install -g cnpm )

(2)

1 清空缓存

npm cache clean --force

2 查看当前的npm镜像设置

npm config get registry

3 切换新源

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

4 查看新源是否设置成功

npm config get registry

5 可以正常安装需要的工具了

npm insatll

===============================================

7.安装 webpack 和 webpack-cli ,

webpack 是一个打包工具,指令: npm install webpack@4.41.2 webpack-cli -D

8.安装 npm install -g @vue/cli@4.0.3(此时没有安装cnpm,所以用npm并找出相应的版本)

9.确认 Vue-Cli 版本

三,创建项目

1.创建目录 vue_project, 并 cmd 到该目录

2.使用 webpack 创建 vue 脚手架项目 (如果出现了 downloading template...,60s 退出窗口,重新来操作一次即可.)

如果出现这种情况:绿色方框,则按照图片操作


相关推荐
蓉妹妹1 分钟前
在React中使用Scroll嵌套Scroll,出现里面Scroll滚动条超出高度却滚动没反应的问题,解决方案添加nestedScrollEnabled
javascript·react native·react.js
东东5165 分钟前
校园求职招聘系统设计和实现 springboot +vue
java·vue.js·spring boot·求职招聘·毕设
rosmis16 分钟前
地铁病害检测系统软件改进记录-2-02
开发语言·前端·javascript
css趣多多20 分钟前
解决ui组件flex1容器底部被撑开的问题
前端
乔江seven35 分钟前
【python轻量级Web框架 Flask 】2 构建稳健 API:集成 MySQL 参数化查询与 DBUtils 连接池
前端·python·mysql·flask·web
Alaaaaaaan44 分钟前
[DevOps]使用github-action工具部署docker容器(实现提交代码一键推送部署到服务器)
服务器·前端·docker·容器·github
摘星编程1 小时前
在OpenHarmony上用React Native:Spinner自定义样式
javascript·react native·react.js
摇滚侠1 小时前
css 设置边框
前端·css
星爷AG I1 小时前
9-24 视觉叙事(AGI基础理论)
前端·人工智能
2501_940007892 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 鸿蒙适配与打包发布
前端·flutter