搭建vue开发环境和新建项目

news/2024/7/10 0:23:22 标签: vue, npm, web, nodejs
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

vue_0">1.搭建vue环境

  1. 下载node.js ,https://nodejs.org/en/download/ 选择与本机相匹配的
  2. 配置node的全局变量
    1. 首先在刚才nodejs的安装目录下,新建”node_global”及”node_cache”两个 文件夹(后面会用到),如图:
    在这里插入图片描述
    2、重新配置路径指向,在cmd 中输入如下命令
npm config set prefix "d:\nodejs\node_global"
npm config set cache "d:\nodejs\node_cache"
  1. 下载好node.js后安装webpack,-g代表全局

1.npm install webpack -g

  1. 安装vue-cli

2.npm install vue-cli -g

vue_21">2.新建vue项目

  1. 在命令行中输入vue init webpack study_01 ,回车study_03是项目名称

  2. 在命令行输入 cd study_03 进入项目

  3. 然后输入npm install,安装依赖。
    在这里插入图片描述

在这里插入图片描述
4. 输入npm run dev,开启项目。在这里插入图片描述
5.,在浏览器中输入 http://localhost:8080打开。
在这里插入图片描述


http://www.niftyadmin.cn/n/1183917.html

相关文章

谈谈分布式事务之一:SOA需要怎样的事务控制方式

在一个基于SOA架构的分布式系统体系中,服务(Service)成为了基本的功能提供单元,无论与业务流程无关的基础功能,还是具体的业务逻辑,均实现在相应的服务之中。服务对外提供统一的接口,服务之间采…

marc数据

MARC是Machine Readable Catalog(ue)的缩写,意即“机器可读目录”,即以代码形式和特定结构记录在计算机存储载体上的、用计算机识别与阅读的目录。MARC可一次输入,多次使用,是信息技术发展和资源共享要求的产物。 MARC数据最早产生…

vue 踩坑日记 (1)

在src/main.js中引入element。报错 把引入的代码删掉后的文件运行一次就可以 ....... import ElementUI from element-ui import element-ui/lib/theme-chalk/index.css ...... Vue.use(ElementUI)在每个文件夹修改之后需要运行一次

重载和多态问题

---------------------------------------------------------------------- 下面摘自《超级猛料》 这里有一个初学者经常混淆的概念。 覆盖(override)和重载(overload)。 覆盖是指子类重新定义父类的虚函数的做法。 而重载&am…

VS快捷键(转)

“文本操作”快捷键 命令名快捷键说明 编辑.折叠到定义 Ctrl M,Ctrl O 自动确定在代码中创建区域的逻辑边界(如过程),然后隐藏它们。 编辑.注释选定内容 Ctrl K,Ctrl C 使用编程语言的正确注释语法将代码的当…

[分享]我是如何从51cto骗到200块礼品卡的

昨天真是非常感动的一天,下午的时候博客管家小松就在QQ上发来消息,说我中了200块购物券大奖。(小提示一下,51cto的购物券大奖是分好多种的,长期举行的一个是博客类的,如每个月原创最多的、受到推荐最多的、…

vue 文件components文件下的vue文件引入图片

vue 一般使用的别名 ‘’: resolve(‘src’), 把本地图片放置到assets文件夹中 输入以下代码 <img src"/assets/logo.png">即可 做参考

以前的 Delphi

Delphi 1Delphi 2Delphi 3Delphi 4Delphi 5Delphi 6Delphi 7Delphi 8Delphi 2005转载于:https://www.cnblogs.com/del/archive/2008/05/21/1204414.html