当前位置: 首页 > news >正文

Windows下vue-cli脚手架搭建入门一

  1. 简单了解Node.js、npm,安装Node.js,下载网址:http://nodejs.cn/download/
  2. 查看node,npm安装成功与否。打开cmd命令行,输入命令 node-v  、npm -v
  3. 了解cnpm,输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org


    查看安装成功与否 输入命令 cnpm -v
  4. 了解webpack,借助npm工具安装webpack。输入命令 npm install webpack -g

    查看安装成功与否 输入命令 webpack -v
  5. 了解vue-cli脚手架工具,安装输入命令 npm intall -g vue-cli
    查看安装成功与否,输入命令 vue -V

  6. 准备搭建项目,切换到想要放项目的文件夹下,输入命令 cd\YourFileName\...(这一步视自身情况操作,可以忽略)

  7. 初始化项目,输入命令 vue init webpack temp_project (注意这里的temp_project是项目文件夹名称,该命名不能使用大写字母)



  8. 切换到项目文件夹下,安装npm。先后输入命令 cd temp_project    ,   npm install  

  9. 在项目文件夹下,使用npm工具安装路由和请求模块 输入命令 npm install vue-router vue-resource --save

  10. 运行项目,输入命令 npm run dev

  11. 打开我们的网站 浏览器输入上面最后的网址 http://localhost:8080 (记得你的8080端口不要被别的进程占用)

        

       暂且简单完成搭建,鼓舞鼓舞自己。后续有待详细学习学习。继续分享~

       ☆☆☆ 如有错漏之处,希望大家不吝指出。如果喜欢,希望大家多多点赞。笔芯!☆☆☆

转载于:https://www.cnblogs.com/bibi-feiniaoyuan/p/9254882.html

相关文章:

  • cython 安装升级_20个小招数教你如果快速完成Python 性能优化升级
  • [NOI 2016]循环之美
  • finereport连接oracle_FineReport连接多维数据库示例及操作
  • linux 扩展挂载盘大小_Linux下使用fdisk扩展分区容量
  • JavaScript (function (){}()) 与(function(){})()
  • python assert 不退出_Pytest中断言的重要性,就不需要我重复了吧
  • IDEA中Lombok插件的安装与使用
  • python坦克大战_python资料领取:尚学堂201903期python全栈(0基础到就业)
  • 【leetcode】88. 合并两个有序数
  • aix么把占用的端口释放掉_UNIX系统如何释放被异常占用的端口 - 河北分行(秦永峰)...
  • redis 多维度排序_解决Redis Cluster模式下的排序问题
  • python基础学习01
  • 不同平台安装python方式一样_大厦的基石,成为一个Python工程师的第一步——安装Python...
  • vue 多页面应用例子_用vue构建多页面应用
  • 6.7 二分查找
  • CSS盒模型深入
  • Date型的使用
  • uva 10370 Above Average
  • vue:响应原理
  • 反思总结然后整装待发
  • 工程优化暨babel升级小记
  • 聊聊flink的BlobWriter
  • 马上搞懂 GeoJSON
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • ​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​
  • # Apache SeaTunnel 究竟是什么?
  • #stm32整理(一)flash读写
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • #我与Java虚拟机的故事#连载12:一本书带我深入Java领域
  • ${ }的特别功能
  • (31)对象的克隆
  • (C语言)fread与fwrite详解
  • (NSDate) 时间 (time )比较
  • (Repost) Getting Genode with TrustZone on the i.MX
  • (第二周)效能测试
  • (转)Linux下编译安装log4cxx
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • *1 计算机基础和操作系统基础及几大协议
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET CLR Hosting 简介
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .NET delegate 委托 、 Event 事件
  • .Net 路由处理厉害了
  • .net 生成二级域名
  • .vue文件怎么使用_vue调试工具vue-devtools的安装
  • @Validated和@Valid校验参数区别
  • [ vulhub漏洞复现篇 ] Celery <4.0 Redis未授权访问+Pickle反序列化利用
  • [Android] Upload package to device fails #2720
  • [Angular] 笔记 8:list/detail 页面以及@Input
  • [BROADCASTING]tensor的扩散机制
  • [C#]DataTable常用操作总结【转】
  • [CF543A]/[CF544C]Writing Code
  • [corCTF 2022] CoRJail: From Null Byte Overflow To Docker Escape