学习vue-cli 第一步 环境部署

岳小威子
2021-07-14 / 307 个字 / 0 评论 / 24 阅读 / 加载耗时:7ms / 正在检测是否收录...
温馨提示:
本文最后更新于2021年11月12日,已超过76天没有更新,若内容或图片失效,请留言反馈。

学习 vue-cli 需要部署 node.js,用到 npm 或 cnpm,然后安装 vue-cli。

node.js 环境安装

  1. 根据系统,去官网( node.js 官网 )下载安装。window 安装包就一直下一步就可以了。其他的还没试过。
    node.js官网
  2. 需要将node.js加入到系统环境变量。将nodejs的安装位置添加到系统环境变量的Path中。
    配置nodejs环境
  3. 在运行cmd中输入 node -v 就可以看到nodejs的版本号就安装成功了。
    nodejs安装成功

npm 检测

和查看nodejs的版本号一样的方式,在运行cmd中输入 npm -v就可以了
检测npm

cnpm 安装

有的时候 npm 安装的时候 vue 的项目的时候,会很慢,这个时候就可以用cnpm,cnpm安装也能简单,一句话就好

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

安装好后在运行cmd中输入 cnpm -v就可以了
cnpm安装

安装 vue-cli

# 有两个命令可以用,看自己的网络速度。
# 这个速度可能会慢
npm install -g vue-cli
# 这个用的是淘宝的镜像安装的
cnpm install -g vue-cli

安装好后在运行cmd中输入 vue -V就可以了(注意 -V 是大写的 V )
vue-v

创建 vue-cli 项目

# 创建项目的命令
# projectname 是你的项目名称,注意要小写
vue init webpack projectname

安装好后,进入你的项目文件夹,然后运行npm run dev,看到如下界面就成功啦。
npm-run-dev
在浏览器中输入 http://localhost:8080/
localhost

文章到这里就结束了

您在本文章已经停留了大概
喜欢的话就点个赞吧!或着请我喝个冰可乐,我就太感谢你了!


0
打赏
拜谢打赏(☆ω☆)

感谢老板,老板大气。。

评论 (0)

取消