vue安装(含node.js安装前提)
1.安装node.js
安装地址:https://nodejs.org/en/download/(参考安装步骤:http://www.runoob.com/nodejs/nodejs-install-setup.html)
安装后检查命令板里自己检测是否成功:运行cmd ,输入代码: node -v 如图:
2.vue安装
2.1 安装淘宝镜像,输入命令:npm install -g cnpm --registry=http://registry.npm.taobao.org
2.2 安装成功之后检查版本,输入命令: cnpm -v
2.3 全局安装,输入命令:npm install --global vue-cli
2.4 检查vue是否安装成功,输入命令:vue
2.5 创建一个基于 webpack 模板的新项目
2.5.1 新建项目,输入命令:vue init webpack myproject(myproject为你的项目名称,可自取),这里需要进行一些配置,如图:
2.5.1项目建成,打开目录,找到myproject文件夹进入
2.5.2打开项目(命令: cd myproject ),安装依赖,输入指令:cnpm install
2.5.3安装成功之后,执行最后命令,运行项目,输入指令:cnpm run dev
8080就是默认的端口,在浏览器地址栏中输入localhost:8080会发现默认的模块打开了!(注意:Vue.js 不支持 IE8 及其以下 IE 版本。)