irpas技术客

【手把手教安装】VUE安装教程!!!_momo_via_vue安装

大大的周 5481

含泪整理Vue安装教程

因为换了新电脑很多软件要重装,所以想到可以写一份教程,为我以后换电脑方便重装也为了大家!! 第一次安装Vue踩坑太多,这里整理一份超详细教程(win11也可!!!)

下载node.js Windows可以直接选这个下载完成后直接next安装即可

打开cmd(我喜欢管理员方式打开) 输入可查看版本 【注意:报错1来了】 npm WARN config global --global, --local are deprecated. Use --location 在这里可以将node.js里npm和npm.cmd里的prefix -g替换为prefix --location=global 如果是管理员权限不可修改的话,我是拖到桌面改完就拖回来的(觉得比较快哈哈哈哈哈)然后再执行第二步即可

在node.js文件夹下新建两个文件夹【node_global】和【node_cache】 然后在cmd中执行这两行命令 【注意:这里就体现出管理员打开的重要性,如果不是管理员打开就会报错!】

此电脑–>属性–>高级系统设置 选择环境变量中的系统环境新建

== 这里的名称不要写错,并且注意避免有中文== 5. 将用户目录下的 改为下图所示 6. 依次输入这些命令配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 可以安装cnpm,如果后续嫌npm安装慢

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

7. npm install vue -g安装vue.js 8. npm install webpack -g安装webpack模板 安装webpack-cli:npm install --global webpack-cli 安装成功后可使用webpack -v查看版本号 按图操作 或者输入下方命令安装脚手架(我是全都执行了一遍,因为俺是菜鸡~) cnpm install -g @vue/cli

安装vue-router,输入npm install vue-router -g输入vue -V查看版本 输入vue ui命令就可以进入界面啦 因为我用VScode写Vue,所以后面如何创建就不写啦,有时间我可以写写vscode配置Vue以及一些插件,还有浏览器插件,都是过来人的教训


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Vue安装 #vue安装教程