vue2.0 配置环境总结（都是泪啊）

Posted 2020-10-07

　　最近有点空闲时间，终于把一直想学的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博客分享：

　　1：https://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，听说是因为国内的不太稳定

• BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js

• unpkg（国外）：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

• cdnjs（国外） : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

 

　　下面进入正题，因为看到到处都是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