搭建环境:win10 且安装了node环境
第一步:打开cmd
第二步(可选):使用npm在国内的速度比较慢,使用淘宝镜像cnpm来下载东西比较快。在cmd中输出下列命令来安装cnpm(这个过程可能比较久,多等待一下)
npm install -g cnpm --registry=https://registry.npm.taobao.org
检验cnpm是否安装成功(下列命令是检查cnpm / npm的版本的)
cnpm -v 或者 npm -v
若出现警告:npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
解决办法:降低版本,使用如下命令:
npm install npm@4.6.1 -g
第三步:安装vue-cli(-g:代表安装到系统的node环境下,且将vue-cli安装到当前目录下)
cnpm install -g vue-cli
检测vue的版本
vue -V
第四步:创建一个基于“webpack”模板的新项目(my-first-vue-project:项目的名字)
vue init webpack my-first-vue-project
cmd中要求输入这初始项目的名字、描述、作者
然后是否安装路由:Y、ESLint(语法检查工具):N、unit tests(单元测试):N
(初始化成功之后,就可以在cmd命令行默认的文件目录下看到项目my-first-vue-project。比如我的cmd默认文件目录是:C:\Users\一眼就认出你,那么就可以在C盘\用户\一眼就认出你目录下找)
第五步:安装依赖(项目初始化后是不能跑起来的,需要下载依赖)
cd my-first-vue-project
cnpm install
所有的依赖都会安装到node_modules文件下
第五步:启动项目
npm run dev
若出现Your application is running here: http://localhost:8080,表示项目已经启动完成
第六步:打开浏览器输入http://localhost:8080,出现vue的首页表明开发环境已经搭建完成