使用nodeJs安装Vue-cli

  1. 安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)
    ----想安装速度快点,可以使用淘宝镜像如下
    ----命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org
      注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

    	npm install --global vue-cli
    
  2. 安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)

    	vue -V
    
  3. 使用vue建一个项目名叫“my-project”。(vue init webpack my-project)
    ----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。
    ----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

  4. 注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

    ----ESLint规范建议开启,加强代码规范

    	vue init webpack my-project
    
  5. 建立项目后,安装项目依赖npm install

    	npm install
    
  6. 安装成功,项目目录下多出一个node_modules文件夹

  7. 进入项目目录文件夹(my-project)中,就可以使用vue进行开发啦

  8. 使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

    	npm run dev
    
  9. 初始效果
    在这里插入图片描述

  10. 退出监听,可以直接Ctrl+C,选择Y

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值