安装vue脚手架

Vue工程部署到Nodejs服务器教程
原创 已于 2023-04-17 20:02:03 修改 · 146 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

于 2023-04-17 13:37:28 首次发布
本文介绍了如何安装和配置Nodejs服务器，然后利用vue-cli创建Vue工程，验证vue脚手架安装成功后，安装必要的依赖和插件。接着，使用WebStorm打开并启动Vue工程，强调了路径设置和解决启动问题的方法。

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
关注
离线安装vue脚手架，内网安装@vue/cli
Liberty_yes的博客
04-30 1万+
公司开发环境使用内网，无法用外网，搭建环境的时候，发现内网系统没有安装vue脚手架，我搜了很多文章，发现他们的方法对我都不适用，然后就自己摸索，最终皇天不负有心人，终于被我安装上了，一下是我内网离线安装vue/cli的方法，希望能帮助到有需要的小伙伴！ 因为npm被集成在nodejs中，而安装nodejs只需要把nodejs安装包copy到内网电脑安装就行，比较简单，这里就不多做演示。 在外网电脑上，使用npm install -g xxxx命令下载好我们所需要的各个安装包，比如： npm insta
多多OJ评测系统 前端项目环境初始化 安装Vue脚手架 引入Arco Design组件
热门推荐
猫的博客
07-18 9万+
推荐的node js版本为为18 或者 16。其实我们脚手架已经帮我们做到了。我们首先试着引入一个组件试试看。我们在前端工程化的时候实际上。加到main.ts文件里面。我们打开webStorm。我们有一些代码规范的校验。就说明我们的项目引入成功。npm版本为9.5.1。配置脚手架后我们先运行。接下来要引入相关的组件。监测一下是否安装成功。要去重新配置环境变量。我们这边能获取到网址。代表的是项目运行成功。选择用npm进行安装。我们建议的是完整引入。
vue脚手架搭建
weixin_54711921的博客
11-12 1033
第一步：查看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 259
2.选择模版（可以上下箭头选择, 回车确定, 弄错了ctrl+c从第1步来）# vue和create是命令, vuecli-demo是自己的文件夹名。1.创建项目 （注意: 项目名不能带大写字母, 中文和特殊符号）npm i -g @vue/cli@版本号。4.等待下载脚手架项目, 需要的依赖包。5.按照步骤运行两行代码-开启服务器。//查看当前脚手架版本。
vue脚手架安装过程
01-29
vue脚手架安装过程,只是简单的介绍了vue-cli的安装过程
怎样安装vue脚手架
夏天的博客
12-14 299
输入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脚手架
weixin_51063573的博客
09-15 264
安装vue脚手架 1.先安装node.js 官网下载：http://nodejs.cn/download/ 2.测试node.js是否安装成功 win+R打开运行，输入cmd回车，在cmd中输入node -v 看到版本号，则说明已安装成功 3.测试npm是否自动安装 如上运行 命令 npm -v 4.配置下载源，全局安装nrm 执行命令 npm install nrm -g 5.使用taobao镜像源 查看镜像源，然后使用镜像源 nrm ls nrm use taobao 6.安装脚手架 np
安装Vue脚手架， 用脚手架创建vue工程项目
06-13
安装Vue脚手架， 用脚手架创建vue工程项目
VUE脚手架的安装
风雨无阻学习之路
07-18 496
指的是 Vue CLI（Command Line Interface），是由 Vue.js 官方提供的一套用于快速搭建 Vue.js 项目的命令行工具。它主要的功能是帮助开发者创建和管理 Vue.js 项目，提供了一个交互式的项目创建界面，可以通过命令行快速初始化一个 Vue 项目，并且支持自定义配置。，创建项目“vue_cli_test”, 在指定的目录(E:\vue-test)下创建项目“vue_cli_test”用上下箭头，选择[Vue 2]，点击回车，项目开始创建中，如下图。,说明脚手架安装成功。
配置vue和创建第一个vue项目（安装vue脚手架）
onforget的博客
04-17 794
不要觉得麻烦，弄完的时候很舒服的。点击local上的地址，在游览器打开就可以了，他应该会弹出游览器的，如果没有，就点开游览器。了解了项目结构，我们接下来就在终端运行以下命令去启动项目。当你看到下图红框中的字样时，恭喜你，项目已经正常启动了～?，用户变量与系统变量有区别，想要了解系统变量自行百度。接下来，让我们一起来了解下这个项目的目录结构吧！首先，打开我们的线上环境，在终端输入以下命令检查。的环境下运行的，所以我们需要确保环境中安装了。现在已经完成一半了，不慌，现在到重点了。
vue脚手架安装
qq_60690665的博客
11-17 245
vue脚手架安装
Vue脚手架安装
CongJiYong的博客
12-23 447
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 940
nodejs安装，vue脚手架（cil）安装
vue：如何使用脚手架安装
1363648943的专栏
06-03 392
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 297
1.安装node.js，下载相应版本的node.js,下载地址：https://nodejs.org/en/download/，下载完双击安装，点击下一步直到安装完成 （选择 Windows Installer (.msi) 版本 64 bit。这里会发现有个 Windows Binary (.exe)，这是个独立的Node.js环境终端，下载下来不需要安装，直接使用。我建议还是下载 .msi，然...
Vue脚手架的安装（超详细篇，保姆级教程）
cfjbcg的博客
08-06 1万+
打开一下你刚刚的安装目录nvm，双击打开，找到settings.txt，然后用记事本编辑打开，复制粘贴。nvm install 14 nvm install latest // 安装最新版本node。-g的意识是全局安装，就-g和-s，-s是局部安装，就是只在当前项目可以使用。这边的安装版本可以跟我的一样，安装16.20.2和14.21.3的版本。可以看到这个就说明你刚刚安装的版本成功了！16版本的node就是跟着8版本的npm。14版本的node就是跟着6版本的npm。在这边进行项目的运行，快捷键。
安装Vue脚手架
最新发布
05-01
### 安装 Vue CLI 或 Vue 3 脚手架工具 要安装 Vue CLI 或 Vue 3 脚手架工具，需遵循以下流程： #### 1. **确认 Node.js 和 npm 已正确安装** 在安装 Vue CLI 之前，必须确保已安装 Node.js 并配置好其环境。可以...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值