不多说废话,直接说内容
一、安装nodejs
搭建vue.js之前要安装nodejs,百度nodejs官网
二、npm替换cnpm镜像安装
如果在cmd中直接使用npm来安装的一些工具的话会比较慢,所以我们使用淘宝的npm镜像:
输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了
三、设置global和cache路径
npm config set cache "D:\vuejs\vue_cache" 设置缓存路径
npm config set prefix "D:\vuejs\vue_global" 设置安装路径
四、安装vuejs
npm install vue --save
vue init webpack my-project 创建一个基于 webpack 模板的新项目
安装依赖,走你
cd my-project 回车 安装依赖,生成node_modules目录(安装依赖的代码库)
npm install 回车 会生成这个文件夹node_modules(注:当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时,要把node_modules目录删除,不然在其他地方无法执行cnpm run dev,这其中设计到路径的问题。删除之后要重新cnpm install)
五、安装成功
npm run dev 回车,就会打开浏览器 http://localhost:8080