搭建VUE开发环境
1、下载node.js(网址:http://nodejs.cn),然后安装nodejs。安装Git bash:https://git-for-windows.github.io/
2、window+r打开控制台,输入node -v,检查nodejs是否安装完毕(安装好的话会有nodejs版本号出现)
3、 npm config set registry https://registry.npm.taobao.org,由于npm太慢,所以安装淘宝npm镜像
4、npm config get registry,检验淘宝npm镜像是否安装成功
5、npm install -g cnpm --registry=https://registry.npm.taobao.org,全局安装
6、通过cnpm使用
7、cnpm install --global vue-cli,全局安装vue-cli脚手架,命令行输入vue检查是否安装成功(回车后显示vue信息则成功)
8、建立新项目:vue init webpack teamtop,teamtop是项目文件夹名字,然后一直回车确定,(最好把项目放在除c盘外的盘,改盘直接在命令行输入d:)。下面是网上百度的经验:
1.新建;新建项目文件夹(或称“目录”),进入新建的项目文件夹,右键选择“git bash here”,弹出命令框;
2.检查;在命令框中输入 node -v检查是否安装有node(必须有node后续才能运行);
输入 cnpm -v(同上,如已安装,会显示安装的版本号)
3.继续输入mkdir 项目名 && cd 项目名(新建项目及打开项目);(以下步骤按图执行)
注意事项:
1).在mkdir 项目名时,项目名中千万不能含有大写字母,否则在执行命令——vue init webpack时,
会中断,提示不可有大写;
2).unit tests 和 e2e tests是用来进行单元测试的,不选N,可能存在后期项目执行不了的情况,
会报错!
3).执行进程大约需要1min~10min不等,期间建议不要进行任何操作,避免干扰执行
4.执行进程完成后,会自动弹出项目路径
5.进入项目文件夹查看文件;
6.输入npm run dev ,运行项目
项目进程执行完成后,会弹出一串带端口的地址,将改地址copy到浏览器地址栏查看,