关于安装Vue&cnpm run dev 报错解决

关于安装Vue&cnpm run dev 报错解决

Vue.js是前端一个比较火的MVVM框架，要使用它，我们必须提前配置，其中有一种安装方式是使用npm，比较适合比较大型的应用。
But由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue。

• Vue安装
  
  • 2.0转成1.0的操作
• cnpm run dev 报错解决

---

vuejs常用的两个CDN：

http://cdn.jsdelivr.net/vue/1.0.7/vue.min.js 

http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.7/vue.min.js

用vue-cli生成vue+webpack项目模板

1、首先我们需要下载npm，因为我已经提前安装了node.js,安装包里面集成了npm，然后我们就可以利用npm命令从获取淘宝镜像的cnpm了。

npm install -g cnpm --registry=https://registry.npm.taobao.org

获取到cnpm以后，我们需要升级一下，输入下面的命令：

cnpm install cnpm -g

安装Vue-cli

cnpm  install -g vue-cli

初始化Vue文件夹名称

vue init webpack my-project(自定义文件夹名，注意全部小写)

打开上一步生成的vue文件夹

cd my-project

初始化vue

cnpm  install

运行测试vue

cnpm run dev

这样默认的是vue2.0+，如果要使用Vue1.X版本，执行下面的操作：

cnpm install -g vue-cli
vue init webpack#1.0 my-project
cd my-project
cnpm install
cnpm run dev

cnpm run dev 报错

这个一般是前一个vue项目的cnpm run dev运行后没有关闭，需要去文件管理器中关闭node.exe程序即可解决。