1.首先要安装node.js。 node.js的官方地址为:https://nodejs.org/en/download/
下载完毕,按照windows一般应用程序,一路next就可以安装成功。
提示:尽量不要更改安装目录,不然后期创建文件时path会出现问题。
安装完后,启动cmd 输入node -v,然后回车,如果出现node版本信息,则说明安装成功了。
2.安装淘宝镜像cnpm。
安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org
回车等待安装。
3.安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架
命令为:cnpm install -g vue-cli 回车等待安装。
安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了。
5.创建项目
输入命令 :vue init webpack newproject(项目文件夹名) ,回车等待安装。
创建在自己想要的路径下:例如想新建文件夹在F盘的webEx下
c:\user/wj>F:
F:\>cd webEx
7.相关目录下出现vue项目的文件夹
8.输入:cd newproject(文件名) 进入此文件夹,
9.在利用命令:cnpm install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个 node_modules文件夹(该文件里的内容就是之前安装的依赖)。
10.输入 cnpm run dev来测试环境是否搭建成功,浏览器将自动弹出主页面
11.也可在浏览器里输入localhost:8080就可以查看页面
端口地址在config下的index.html页面中。