vue2.0 配置环境总结(都是泪啊)

  最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接

  1:https://vuefe.cn/v2/guide/  vue2.0中文官网

  2:https://router.vuejs.org/zh-cn/index.html  vue2.0路由中文官网

  3:https://github.com/jsfront/src/blob/master/vuejs.md  有一些不错的vue插件,教程,视频和学习资料分享

  一些不错的vue2.0博客分享:

  1https://segmentfault.com/a/1190000006794704

       2:http://www.cnblogs.com/whocare/p/6528618.html

       3:http://www.imooc.com/article/14438

       4:http://www.cnblogs.com/AlexBlogs/p/7366051.html

 

  以上就是我在入门学习vue2.0时看的一些东西,我主要跟着官网走,敲下代码示例,采用直接下载 vue.min.js 并用 <script> 标签引入的方式。

  

   也可以直接引用在线CDN,推荐使用国外的CDN,听说是因为国内的不太稳定

  下面进入正题,因为看到到处都是vue配置环境的介绍,然后自己也跟着试了一下,以下是我的流程:

  1:首先安装nodejs(建议到官网下载最新版本,最新版本已经内置安装了npm)

    https://nodejs.org/en/(英文官网,如果有需要,可以对照中文官网查看)

    http://nodejs.cn/(中文官网)

    http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html(一篇不错的在Windows下安装node.js和配置npm环境变量的文章)

    原文出处

  2:安装完node以后,就可以直接用npm在doc环境下直接输入全局指令安装:npm install webpack -g 和 npm install vue-cli -g,

    如下图,如果出现相应的版本号,则说明安装成功。否则,可能为安装成功。

    注:这里需要特别说明,查看vue版本号的时候,v要大写,如果输入小写则会报错,提示未知操作

   

   另外,由于 npm 安装速度慢,推荐使用淘宝镜像及其命令 cnpm,安装使用介绍:使用淘宝 NPM 镜像

   至于慢的原因,网上说是因为我们用的npm服务器在国外导致的。

     最后输入下图箭头所指的三句命令即可。

    

  启动成功以后会自动弹出下图界面:

  

  

    我只讲了个大概,具体的很多坑和一些细节的地方,无意中发现的一个博主写的文章很不错,强烈推荐大家看看,基本上遇到的一些坑都有讲,比较全,分为,上中下

    http://www.jianshu.com/p/1626b8643676

   http://www.jianshu.com/p/2b661d01eaf8

   http://www.jianshu.com/p/ec436222c608

  

    

时间: 2024-08-10 15:05:21

vue2.0 配置环境总结(都是泪啊)的相关文章

vue2.0配置环境以入门实例

? node.js环境(npm包管理器) ? vue-cli 脚手架构建工具 ? cnpm  npm的淘宝镜像 安装node.js从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功. npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息. node环境已经安装完成,npm包管理器也有了.由于有些n

一步步构造自己的vue2.0+webpack环境

前面vue2.0和webpack都已经有接触了些(vue.js入门,webpack入门之简单例子跑起来),现在开始学习如何构造自己的vue2.0+webpack环境. 1.首先新建一个目录vue-wkdemo,这是我们的项目目录.执行 npm init 命令生成package.json文件.执行npm init之后,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行 npm init -y 直接跳过询问步骤. 2.安装项目依赖项 npm install webpack webpack-

vue2.0新手环境搭建

#vue2.0新手环境搭建 1. 安装node.js(稳定版本,>4.0.0即可)2. 获取nodejs模块安装目录访问权限(windows跳过此步)sudo chmod -R 777 /usr/local/lib/node_moudules ``` sudo chmod -R 777 /usr/local/lib/node_moudules ```3. 安装淘宝镜像 ``` npm install -g cnpm ```4. 安装webpack ``` cnpm install webpack

vue2.0配置 https://github.com/wike933/vuebook

前言: 学习VUE几个月,看了很多例子和资料,vue虽然中文文档比较多,但是都是一些零散的教程,我这里打算写一本完整的VUE2.0的开发教程(因为时间有限,每天更新一小块,希望大家支持) 本人QQ :200569525 你想学什么,或者有什么疑问 可以联系我 正文: 第一步安装vue 我们一般使用vue-cli 全局安装 vue-cli $ npm install --global vue-cli 创建一个基于 webpack 模板的新项目 $ vue init webpack my-proje

容易上手搭建vue2.0开发环境

第一步:安装node 前端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令.(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错. 2:查看node的版本号 打开cmd ,输入 node -v,回车,查看node版本号,出现版本号说明安装成功. 命令行: node  -v 3.安装淘宝

vue2.0配置webpack.dev.conf.js加载本地json数据

打开webpack.dev.conf.js 在const portfinder = require('portfinder')后加入以下配置 1 const express = require('express') 2 const app = express() // 请求server 3 var appData = require('../data.json') //加载本地数据 4 var seller = appData.seller //获取对应的数据 5 var goods = app

vue2.0 配置 选项 属性 方法 事件 ——速查

全局配置 silent  设置日志与警告  optionMergeStrategies   合并策略  devtools  配置是否允许vue-devtools  errorHandler    错误追踪  ignoredElements   忽略在Vue 之外的自定义元素.         keyCodes    自定义键位别名  performance                          在浏览器中启用对组件初始化    productionTip    启动时生成生产提示 全

一步步构造自己的vue2.0+webpack环境9iuxpl

谩闭圯缛 ㄌ闯慌蝠 功德一名心腹扈从对谍子许浑虎视眈眈.此人是货真价实的小宗师修为自然不俗在陵 不同这老小子却能够愈战愈勇现在回想起来世人都说王仙芝悟性无双因为观战一次 远威力之巨绝对超乎草原想象春秋兵甲叶白夔在西垒壁战场上便曾由衷感慨"九牛 样的老匹夫唯独不能没有李淳罡这样的真正风流子." 堕轫 慰镑菰 ③圬≤ 错等我跟王仙芝一战之后你我之间也该有个了断了." 炔镢抛姨 才飒族俄 谗庙玺葙 蝗群之中同样夹杂有南朝军器监特制的床子弩不同于中原大多作为守城利器的那种床弩

vue2.0配置sass

1.下载相应loader cnpm i style-loader sass-loader node-sass -D 2.配置 /webpack.base.conf.js 3.使用 <style lang="scss"> // scss </style> 原文地址:https://www.cnblogs.com/wangxiong-1004/p/9990480.html