为了更方便的使用命令行,我推荐使用gitbas
1.1 下载git 并安装
安装成功后,右键菜单
![](https://img.haomeiwen.com/i8812533/51ae1504d338923f.png)
出现如图 ,说明我们已经安装成功
第一步 node环境安装
1.1 如果本机没有安装node运行环境,请下载node安装包进行安装
下载地址:https://nodejs.org/en/或者http://nodejs.cn/
1.2 如果本机已经安装node运行环境,更新或者检查node版本号
右键空白,选择 git bash here 弹出命令窗口后,
输入:node -v ,如果出现版本号,则说明安装成功
第二步 npm 检测版本号
输入:npm -v ,如果出现版本号,则说明安装成功
第三步 安装淘宝镜像 (因访问外网慢,下载依赖耗费时间,所以用淘宝镜像)
1.1 如果本机没有安装淘宝镜像,请下载
输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
回车后,我们就可以使用cnpm 来 代替 npm
1.2 如果本机已经安装淘宝镜像,请检查
输入 cnpm -v ,如果出现版本号,则说明安装成功
第三步 安装webpack
1.1 如果没有安装 webpack,请安装
输入 npm install webpack -g
1.2 如果已经安装webpack ,请检查
输入 webpack -v ,如果出现版本号,则说明安装成功
第四步 安装 vue-cli 脚手架
1.1 如果没有安装vue-cli,请安装
输入 npm install vue-cli -g
1.2 如果已经安装vue-cli,请检查
输入 vue -V ,【这个是大写的-V】,如果出现版本号,则说明安装成功
第五步 创建一个基于 webpack 模板的新项目
输入 vue init webpack exprice ,【注意这里的“exprice” 是项目的名称,可以自定义, 但“不能用中文”。】
第六步 安装项目依赖
输入 cnpm install
第七步 启动项目
用 vs code 打开项目:输入 npm run dev ,项目启动起来 ,则成功
网友评论