热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue配置开发环境npm+webpack

①安装node.js②按照下面命令行执行node安装参照网址:https:www.cnblogs.compearl07p6247389.htmlwebpack讲解安

①安装node.js

②按照下面命令行执行

   node 安装参照网址:https://www.cnblogs.com/pearl07/p/6247389.html

   webpack讲解+安装+打包:https://segmentfault.com/a/1190000004690338

   cmd安装慢,安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org

   vue环境配置步骤+npm run dev 报错解决方案: https://www.imooc.com/article/15168

   npm使用过程中的一些错误解决办法+npm常用命令:https://www.cnblogs.com/kidsitcn/p/4557548.html

遇到问题:

解决办法: 

出错原因:是因为缺少 package.json 这个文件。

是需要package.json才能npm install。

可以npm init初始化生成一个package.json。

然后就可以愉快地npm install了。

顺便如果速度慢可以设置为淘宝 npm 镜像npm config set registryhttps://registry.npm.taobao.org。


③我的npm run dev 报错(服务连不上) : miss dev      

进错位置了。应该再进一层 adminVue  然后在运行dev

这里有个npm自查操作:

npm config ls 将列出所有已经配置好的npm选项 :

npm ls 和 npm uninstal删除已安装的package. 

npm ls packagewitherror将列出有问题的那个package安装在哪里,

这样你就可以直接到那个目录重新单独安装那个pacakge,调查不能安装成功的原因

第一个项目: https://www.cnblogs.com/dreling/p/6892684.html

④ 终端安装路由: cnpm install vue-router --save

     引入并注册 vue-router, 添加router.js文件.。  

⑤ 终端安装axios :  cnpm install axios --save

引入axios。修改main.js文件,添加 Vue.prototype.$ajax = axios ,引入axios。

/*引入Vue框架*/
import Vue from 'vue'
import App from './App.vue'
import router from './router.js'
import axios from 'axios'
Vue.prototype.$ajax = axios

 

 


推荐阅读
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
  • Node.js详细安装及环境配置
    1、下载安装根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包(官网:https:odejs.orgzh-cndownload).msi和.zip格式区别 ... [详细]
  • 这篇“Webpack是怎么工作的”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
  • Vue cli2.0 项目中使用Monaco Editor编辑器
    monaco-editor是微软出的一条开源web在线编辑器支持多种语言,代码高亮,代码提示等功能,与VisualStudioCode功能几乎相同。在项目中可能会用带代码编 ... [详细]
  • .babelrc是用来设置转码规则和插件的,这种文件在window上无法直接创建,也无法在HBuilder中创建,甚至无法查看,但可以在sublimetext中创建、查看并编辑。当 ... [详细]
  • 技术周报·2021-05-07-小编推荐向现代Javascript转型原文标题:Publish,ship,andinstallmodernJavaScriptforfaste ... [详细]
author-avatar
小哥
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有