从0到1构建一个项目（超详细）

首先注册一个gitHub，登录进去以后创建一个新的项目，

一：创建一个新项目，起一个项目名称，选择Node节点

二： npm安装，npm官网，根据mac或window下载对应的版本

 

下载完成后，双击安装，直到Finish完成安装

 

 

 打开终端 (控制命令行程序（CMD）) 或者 iTerm2,查看node和npm版本

 

也可以使用淘宝镜像cnpm

因为国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝镜像cnpm

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了：例如：cnpm install '模块名称'

cnpm -v 来查看版本

---

三、克隆在第一步创建的gitHub项目，复制HTTPS地址，打开终端安装:

git clone https://github.com/songzi0321/vue-template2.git

 执行：git clone https://github.com/songzi0321/vue-template2.git

克隆下来的项目用VScode打开，在终端执行

初始化项目：

第一步：安装vue-cli 和 webpack-cli

cnpm install vue-cli -g     //全局安装 vue-cli

npm install -D webpack-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue，

执行 vue list

执行 wabpack -v

 

 第二步：创建项目

vue init webpack  ”项目名称“  

进入vue_demo目录下

安装依赖：cnpm install 

运行项目：npm run dev

 

 在浏览器打开：http://localhost:8080

成功啦，下面是项目的目录结构；

页面代码写在src/components里面