一、基础环境搭建
(1)安装node.js一、基础环境搭建(init programe)
这个大家都已经安装,那么npm也就已经安装
需要注意:npm需要访问国外的比较慢,所以我们换成是下载国内的资源,换成是淘宝的镜像
##换成淘宝镜像命令##
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm cache clean
(2)安装git
这个大家也已经安装
(3)安装vue-cli
#cnpm install -g vue-cli
//卸载
#npm uninstall vue-cli -g;
(4)安装webpack
#cnpm install -g webpack
(5)测试是否安装成功
打开git bash here
##测试node是否安装##
node -v
##测试npm/cnpm是否安装##
npm -v
##测试vue-cli是否安装
vue -V
##测试webpack是否安装
webpack -v
以上都成功就表示初始环镜就安装完成了
恭喜你第一阶段已经完成
二、安装代码
想使用vue-cli首先要安装node,(一般现在比较新的版本就自带npm)
使用npm创建一个vue项目的具体步骤如下:
1. npm install -g vue-cli //全局安装vue-cli
2. vue init webpack my-project //创建一个基于“webpack”模板的vue项目,接下来会有提示输入项目的名称,描述以及所需要的测试工具,我测试工具全部N(因为暂时不需要)
3. cd my-project //进入自己的项目目录里
4. npm install //安装项目所需要的依赖
5. npm run dev //运行项目
如果运行成功,修改代码保存后,浏览器就可以实时看到改动的结果了。
另外,如果项目中需要使用vue-router、vuex的功能,也需要npm安装一下
npm install vue-router --save //
npm install vue-resource--save //
npm install vuex --save //--save是在安装后同时保存到配置文件package.json中