栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

vue2.0 搭建脚手架cli

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue2.0 搭建脚手架cli

昨天用了一下cli脚手架 个人感觉还不错 目前阶段我觉得最好的就是可以自动进行刷新 将一个组件的模块分为了三部分 每个组件都是独立的 不过在安装cli 之前也遇到了一些问题 花费了一些时间 但是都解决了

安装脚手架的步骤

  1. 下载node.js并且安装 在 在命令行测试一下是否安装成功 输入 node -v  如果 出现版本号就说明安装成功  

  2. 安装后node,cmd中输入  node -v   总是提示内部命令不识别

    导致原因: 系统变量中的PATH 环境变量没配置好
    解决方案: 如果你的PATH环境变量已经存在,就不需要新建了,直接在原有的路径后面用分号隔开,然后添加上你的node安装路径(我的是默认安装的路径C:Program Filesnodejs)即可

  3. 还有一个npm 由于npm直接集成在node 里面的 我们直接 在cmd 中输入 npm -v 出现版本号即可

  4. 安装 vue 在cmd 中输入 npm install vue

  5. 安装vue-cli 在cmd 中输入  npm install --global vue-cli 


  6. 创建一个基于 webpack 模板的新项目

    创建项目之间首先要创建一个文件夹 初始化项目 vue init webpack myproject(我项目的名称)


    7.初始化项目后 npm run dev 运行项目


  7. 项目脚手架安装成功 出现此画面




转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/241140.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号