vue-admin模板第一次使用存在的坑
简述
我的前端水平不行,只是偶尔才会需要写个简单的网页。
最近有个项目需要用到网页来做展示,因为公司内部之前是有人写过基于vue-admin的框架的web,老大就希望我能移植到公司内部使用的框架上。
但是配置vue的时候实在是存在有太多的问题了。
问题以及对应的解决方案
因为这次是在自己家里用windows机来做的,不是用服务器的,因此主要还是windows相关的问题
- 命令行要用管理员模式打开 因为配置的时候,如果
npm install
后面跟着-g
参数,那么就有可能是写入c盘中,有可能会出现权限不够,导致的报错。 - 要下载cnpm 别问,不知道为啥,使用vue-admin的时候,用
npm install
总是会卡在某个位置上,实在是没有办法 - 启动的时候还是用
npm run dev
,启动的时候就不能使用cnpm run,同疑惑,不知道cnpm和npm的区别。网上的描述,让我一直以为是cnpm只是将镜像设置为了淘宝镜像的版本。现在看来其实还有很多区别的。 - 可能的问题: 将文件夹放到对应盘的根目录下。(这个我也不确定是否存在这样的问题,反正我这么干之后是可以跑通的)
流程
安装nodejs的问题就不用描述啦,这个直接官网下载对应的安装包就行,一路默认操作就下就可以了。
- 在github上搜索vue-admin。用git下载下来,或者下载成zip之后解压,这个就看个人了。(最好是放在根目录下就好了)
- 基础的配置
# 在淘宝镜像中下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 给npm设置为淘宝镜像
npm config set registry https://registry.npm.taobao.org
# 查看下配置
npm config get registry
- 如果你是想手动写vuejs的项目的话(虽然我感觉新手如我这种应该很少有这种需求)
# myapp可以替换成自己的名字
vue init webpack myapp
cd myapp
npm run dev
# 之后根据输出提示看看在哪个网址看对应的页面
- 使用vue-admin模板(这个的命令行最好还是用管理员模式打开)
cd vue-admin-template
# 不加下面这行估计会出问题
cnpm install -g @vue/cli
# 下面这个倒是无所谓npm和cnpm
npm install
# run的时候还是要用npm的
npm run dev
关联报错
npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and n
- 这个报错也有可能是真的需要
cnpm install --save -g core-js@^3
- 不过,我输入了上面的命令之后,还是有报错,反而,我输入了
cnpm install -g @vue/cli
就万事大吉了
- 这个报错也有可能是真的需要
vue-cli-service 不是内部或者外部命令
能出现这个报错,只有在cmd上才出现,在powershell中居然是没有这个报错的(只收有别的问题,但是一直是卡住的),这么看来还是要用cmd- 这个其实是没有使用
npm install
导致的,不过换成cnpm install
也是可以解决的。
- 这个其实是没有使用
vue-admin模板第一次使用存在的坑相关推荐
- vue中常碰见的坑_Vue 与 Vuex 的第一次接触遇到的坑
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...
- vue、bus 使用遇到的坑,组件之间无法传值;vue、bus 第一次获取不到值,后面再点击重复执行
vue.bus 使用遇到的坑,组件之间无法传值:vue.bus 第一次获取不到值,后面数据叠加 问题定位: 出现无法传值的情况,检查传值过程中组件是否还没有渲染:可能出现的情况是:组件被if,在你使用 ...
- 拥抱开源,Vue Admin Work后台管理系统免费开源啦
前言 各们前端开发的小伙伴们,你们好,我是Vue Admin Work后台管理系统的主要开发者和维护者,从今年6月份开始我们一直在开发一套后台管理系统,旨在帮助更多的小伙伴学习提升和给许多中小型公司节 ...
- Spring Boot Vue Admin 前后端完全分离的权限控制模版
Spring Boot Vue Admin 简介 提供一套前后端分离的后台权限管理模版,按钮级别的权限控制. 前端 Vue 模板来自 vue-element-admin,其他功能可以根据该项目再进行拓 ...
- vue基础--模板语法、常用指令:v-if、v-show、v-for、虚拟DOM、v-once、v-cloak、v-text、v-html、v-bind、v-on、自定义指令
一.模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 ...
- Vue.js 模板语法
模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 H ...
- vue中模板编译compiler源码详解
vue编译模板过程; <div><h1>这是compiler</h1> <p v-if="message">{{ message } ...
- [vue] 说说你使用vue过程中遇到的问题(坑)有哪些,你是怎么解决的?
[vue] 说说你使用vue过程中遇到的问题(坑)有哪些,你是怎么解决的? 从详情页返回列表页时, 要保存所有状态, 比如: 滚动条位置, 数据, 下拉数据等 当时想用keep-alive, 后来没用 ...
- [vue]vue渲染模板时怎么保留模板中的HTML注释呢?
[vue]vue渲染模板时怎么保留模板中的HTML注释呢? <template comments>... </template> 个人简介 我是歌谣,欢迎和大家一起交流前后端知 ...
最新文章
- ScrollView中嵌套ListView控件,数据无法显示完全
- maya怎么保持2u_【肘进健康】手肘超伸怎么练?
- AlwaysOn只读路由配置
- Effective C# 原则11:选择foreach循环
- MVC的概念及MVC 3.0开发环境
- 算法提高课-搜索-DFS之连通性模型-AcWing 1112. 迷宫:dfs和bfs两种解法
- 使用CDI简化JAX-RS缓存
- Spring的事务管理
- android之Fragment(官网资料翻译)
- 关于模板类中,子类无法访问父类成员问题的解决方法
- atitit.系统托盘图标的设计java swing c# .net c++ js
- Guitar Pro8(简称GTP8)打谱软件乐器乐谱的编排制作
- PTA 7-10 查询水果价格
- HBuilder制作表格式的简历
- space-evenly的兼容性问题
- 雅利安人覆灭了世界三大文明,为何单单在商朝被斩首两万?
- 杂项-DB:DW/DWH(数据仓库)
- DTMF 编码及解码
- pythonqq交流群_使用 Python 获取 QQ 群投票数据
- VS2017 DLL 不能正常注册 HRESULT -2147024703 排查
热门文章
- c++编写手机小游戏代码_只需22行代码,用python编写自己的小游戏
- 火车站售票系统java_乌苏啤酒的家乡——全新乌苏火车站正式上线!
- mongoDB初识一二三
- 流量枯竭的时代,小程序创下“神话”,打造全新商业生态!
- Linux Redis自动化挖矿感染蠕虫分析及安全建议
- oracle创建用户、授予权限及删除用户
- Android中RatingBar的自定义效果
- 谈谈Unicode编码,简要解释UCS、UTF、BMP、BOM等名词
- 【数据挖掘笔记七】高级模式挖掘
- Win下PHP环境Eclipse PDT+XAMPP+XDebug部署