美文网首页
vue-框架搭建(脚手架)(三)搭建启动

vue-框架搭建(脚手架)(三)搭建启动

作者: 泡泡1007 | 来源:发表于2019-01-09 18:32 被阅读0次

为了更方便的使用命令行,我推荐使用gitbas

1.1  下载git 并安装

        安装成功后,右键菜单

出现如图 ,说明我们已经安装成功

第一步 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 ,项目启动起来 ,则成功

相关文章

网友评论

      本文标题:vue-框架搭建(脚手架)(三)搭建启动

      本文链接:https://www.haomeiwen.com/subject/vadapxtx.html