安装vue脚手架

已于 2023-04-17 20:02:03 修改
阅读量80 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-04-17 13:37:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LUiS36/article/details/130197701
版权

1.安装nodejs服务器

写好的vue工程---把我们的工程部署到该服务器上。

注意:不要安装到中文目录下或者空格的目录下

  node服务器安装完成。

2.安装vue脚手架-- vue-cli

可以帮我们创建标准的vue工程

  验证是否安装成功

 3.使用vue脚手架创建vue工程

 

创建完成vue工程会进入如下界面

 4.安装相关的插件和依赖

 

 4-1安装依赖 

 5.使用webStorm打开vue工程

 6.在webStorm中启动vue工程

   确保vue工程路径 ， npm run serve 

 

  解决问题

 

 6-1.打开setting，按下方图片设置， 设置完毕重启webStorm

LUiS36
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue脚手架安装
qq_60690665的博客
11-17 156
vue脚手架安装
vue脚手架搭建
weixin_54711921的博客
11-12 955
第一步：查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm 的话 需要安装cnpm 如果已经安装过cnpm 可以跳过 安装cnpm的命令是： npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步：cmd终端中安装vue脚手架 cnpm i @vue/cli -g 安装成功后可以执行 vue -V (注意：-V 是大写) 查看vue版本号 来检测是否成功 第三步： 创建项目： 在想要创建项目的文
Vue脚手架的安装搭建
Issssy的博客
10-30 186
2.选择模版（可以上下箭头选择, 回车确定, 弄错了ctrl+c从第1步来）# vue和create是命令, vuecli-demo是自己的文件夹名。1.创建项目 （注意: 项目名不能带大写字母, 中文和特殊符号）npm i -g @vue/cli@版本号。4.等待下载脚手架项目, 需要的依赖包。5.按照步骤运行两行代码-开启服务器。//查看当前脚手架版本。
怎样安装vue脚手架
夏天的博客
12-14 202
输入cmd,先打开命令行控制窗口 1.先检查是否安装了node环境：node-v 下载地址：https://nodejs.org/ 2.安装脚手架：npm install -g vue-cli 3.切换到放文件名的目录：cd /d 目录路径 4.vue项目初始化：vue init webpack 创建的项目文件夹名称 5.安装项目依赖：npm stall 6.运行命令：npm start 或 npm run dev ...
如何安装vue脚手架
qq_46326129的博客
10-25 607
输入命令行npm install -g @vue/cli,这是全局安装。vue --version可以查看脚手架的版本信息。为了能更快的下载脚手架，可以安装淘宝镜像。3.通过指令npm run serve执行。1.通过指令vue create 项目名。打开终端，通过win+R，输入cmd，选择对应的安装包，一直点next即可。第一步，首先安装node.js。如果安装成功，输入命令vue。第三步，创建脚手架并运行。2.切换到创建项目的目录中。第二步，安装vue脚手架。
安装Vue脚手架， 用脚手架创建vue工程项目
06-13
安装Vue脚手架， 用脚手架创建vue工程项目
Node.js+Vue脚手架环境搭建的方法步骤
01-21
下载后安装即可。新版Node.js自带npm包管理器 # 查看node的版本 node -v # v12.16.1 # 查看npm版本 npm -v #6.13.4 第一个Node.js程序,新建helloworld.js文件，内容如下 console.log（Hello World） console.log...
vue脚手架安装过程
01-29
vue脚手架安装过程,只是简单的介绍了vue-cli的安装过程
详解vue组件开发脚手架
08-27
本篇文章给大家详细分析了vue组件开发脚手架的相关内容以及知识点，对此有兴趣的朋友可以学习参考下。
vue的脚手架安装
03-03
关于如何node安装，并检查是否成功，再安装vue脚手架，再搭建vuedemo
Vue脚手架安装
CongJiYong的博客
12-23 375
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 Vue CLI: Vue command line interface vue命令行接口 特点: 1.一个运行时依赖 (@vue/cli-service)，该依赖： 2.可升级； 3.基于 webpack 构建，并带有合理的默认配置； 4.可以通过项目内的配置文件进行配置； 5.可以通过插件进行扩展。 6.一个丰富的官方插件集合，集成了前端生态中最好的工具。 7.一套完全图形化的创建和管理 Vue.js 项目的用
vue_脚手架安装
weixin_44248221的博客
06-23 866
nodejs安装，vue脚手架（cil）安装
vue：如何使用脚手架安装
1363648943的专栏
06-03 341
vue中基本会选用vue-cli的脚手架安装。 一般情况下，我们需要选择哪些呢？ 一、全局安装 vue npm install -g vue-cli 或者 npm install -g @vue/cli 二、打一个位置，进行vue项目创建 1､vue init webpack xxx # xxx 指的是项目名称 回车键 Project name (my-project) # 项目名称（我的项目） ...
Vue系列1 - vue 脚手架的安装
bitree1的博客
01-04 234
1.安装node.js，下载相应版本的node.js,下载地址：https://nodejs.org/en/download/，下载完双击安装，点击下一步直到安装完成 （选择 Windows Installer (.msi) 版本 64 bit。这里会发现有个 Windows Binary (.exe)，这是个独立的Node.js环境终端，下载下来不需要安装，直接使用。我建议还是下载 .msi，然...
安装Vue脚手架（保姆式教学）
最新发布
weixin_62702863的博客
12-11 1031
vue 脚手架保姆式教学
安装vue脚手架步骤
weixin_65511579的博客
10-11 442
只需要Babel、router、VueX这三项，选中之后敲回车。1、必须要确保npm/cnpm和node是安装成功的。vue create my_vue(项目名)4、安装方式，选择手动安装Manually。9、等待项目安装成功以后，进入项目，启动项目。7、如何保存配置，默认不用管，直接敲回车。上下键是选中哪一项，回车是确定。上下键选择哪一项，空格为为确认。6、是否设置历史路由模式 n 敲回车。cd my_vue(项目名)8、是否保留配置文件 n 敲回车。2、安装vue的脚手架命令。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值