Vue配置开发环境 npm+webpack

①安装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

?

?