广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue项目环境搭建
  • 432
分享到

vue项目环境搭建

2024-04-02 19:04:59 432人浏览 独家记忆
摘要

一、node.js下载和安装 官网下载安装nodejs,会自动捆绑安装npm,具体步骤省略。 二、express 安装 npm install express -g npm inst

一、node.js下载和安装

官网下载安装nodejs,会自动捆绑安装npm,具体步骤省略。

二、express 安装

npm install express -g
npm install -g express-generator  -----g在前不会安装到全局(坑)
npm install  express-generator -g 全局安装

三、安装教脚手架

3.1 安装或更新全局vue

npm install Vue -g

3.2 安装或更新全局路由:

npm install vue-router -g

3.3 安装脚手架

npm install @vue-cli –g

四、webpack安装

4.1.webpack-cli 安装

npm i WEBpack-cli -g

4.2 查看版本:

webpack -v

提示:

webpack: not installed
webpack-cli: 4.9.0
webpack-dev-server not installed

4.3 webpack 安装

npm install webpack -g//配置全局的webpack
npm install webpack --save-dev

4.4 安装 webpack-dev-server

npm install webpack-dev-server -g

4.5 安装vue安装或更新全局vue

npm install vue -g

安装或更新全局路由:

npm install vue-router -g

安装脚手架

npm install @vue-cli –g

五、查看版本

环境变量:   echo  %PATH% 
node版本:  node  -v
npm版本:   npm -v
vue版本:   vue -V
express版本号: express --version
webpack版本号: webpack -v

六、修改npm的本地仓库:

npm config set prefix "D:\Develop\nodejs\node_global"  --save
npm config set cache "D:\Develop\nodejs\node_cache"  --sava

七、环境变量:

系统:

NODE_PATH(新增)
D:\Develop\nodejs\node_globa\node_modules(坑:在查看webpack -v报错)
D:\Develop\nodejs\node_globa

用户:

path(添加)
D:\Develop\nodejs\node_cache(坑:在查看webpack -v报错)
D:\Develop\nodejs\node_global

到此这篇关于vue项目环境搭建的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: vue项目环境搭建

本文链接: https://www.lsjlt.com/news/147260.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue项目环境搭建
    一、node.js下载和安装 官网下载安装nodejs,会自动捆绑安装npm,具体步骤省略。 二、express 安装 npm install express -g npm inst...
    99+
    2022-11-13
  • vue项目环境如何搭建
    这篇文章主要介绍了vue项目环境如何搭建的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue项目环境如何搭建文章都会有所收获,下面我们一起来看看吧。一、node.js下载和安装官网下载安装nodejs,会自动捆...
    99+
    2023-06-30
  • ubuntu20+PHP项目运行环境搭建
    ubuntu20(root)+PHP+nginx+mysql nginx【较新版】 wget http://nginx.org/keys/nginx_signing.keyapt-key add nginx_signing.keylsb_r...
    99+
    2023-10-01
    数据库 Ubuntu20 PHP环境 sqlsrv
  • django项目环境的搭建过程
    本篇内容介绍了“django项目环境的搭建过程”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!安装环境:centos7.41 安装nginx&...
    99+
    2023-06-02
  • 【PHP 随记】—— laravel 项目环境搭建
    👉总目录👈 \large\colorbox{skyblue}{👉总目录👈...
    99+
    2023-09-10
    php laravel 服务器
  • Vue进行环境搭建和项目构建的操作步骤
    这篇文章主要介绍了Vue进行环境搭建和项目构建的操作步骤,具有一定借鉴价值,需要的朋友可以参考下。下面就和我一起来看看吧。为什么要使用VueVue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更...
    99+
    2023-06-14
  • Nginx+SpringCloud Gateway搭建项目访问环境
    目录安装Nginx 准备SpringBoot应用 添加网关 现如今的项目开发基本都是微服务方式,导致一个系统中会有很多的服务,每个模块都对应着不同的端口,为了方便访问,通常会让某个服...
    99+
    2022-11-12
  • Quarkus篇入门创建项目搭建debug环境
    目录前言搭建Quarkus项目纯手工方式官网装配器方式IDEA方式编写第一个Quarkus接口启动你的应用并调试前言 在学习一个新的框架技术前,肯定要先来一套hello word,搭...
    99+
    2022-11-13
  • 怎么用Docker搭建Laravel和Vue项目的开发环境
    本篇内容主要讲解“怎么用Docker搭建Laravel和Vue项目的开发环境”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用Docker搭建Laravel和...
    99+
    2022-10-19
  • 【Vue篇】mac上Vue 开发环境搭建、运行Vue项目(保姆级)
    概要介绍 首先,了解一下,Vue 的整体开发环境。 Homebrew:Mac 系统下的包管理器,类似于 Linux 下的 apt-get,Windows 的控制面板 - 安装删除程序Node.js: ...
    99+
    2023-10-24
    vue.js macos 前端 node.js npm
  • 虚拟环境下搭建一个Django项目
    目录1.为什么需要创建虚拟环境?2.前提条件3.创建python的虚拟环境Window 下:Linux 下:4.创建 requirements.txt 文件5.执行 pip inst...
    99+
    2022-11-11
  • MybatisPlus搭建项目环境及分页插件
    目录一、搭建项目环境1.1 创建项目1.2 配置环境1.1.1 自动生成代码1.1.2 配置SpringbootassetsApplication1.3 配置application....
    99+
    2022-11-13
    mybatisplus搭建项目 mybatis plus项目 mybatisplus分页
  • Python框架Django的环境及项目搭建
    本篇内容介绍了“Python框架Django的环境及项目搭建”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!特点我们先来了解下 Django ...
    99+
    2023-06-04
  • Nginx+SpringCloud Gateway怎么搭建项目访问环境
    这篇文章主要讲解了“Nginx+SpringCloud Gateway怎么搭建项目访问环境”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Nginx+SpringCloud Gateway怎么...
    99+
    2023-06-20
  • 虚拟环境下如何搭建一个Django项目
    这篇“虚拟环境下如何搭建一个Django项目”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“虚拟环境下如何搭建一个Django...
    99+
    2023-06-30
  • 小米便签开源项目本地环境搭建
    基于Android Studio、和Gradle 的小米便签配置和安装 一、Android Studio的中文社区(官网)下载最新的Android Studio 点击开始传送http://www.android-studio.org/ 可参...
    99+
    2023-10-08
    android-studio gradle
  • 实例讲解怎么搭建vue3环境和项目
    Vue是一款流行的JavaScript框架,它通过组件化的方式提供了强大的可重用性和易于维护的代码结构。Vue3是Vue框架的最新版本,并在性能和体验方面得到了显著的提升。在本文中,我们将介绍如何搭建Vue3环境并创建一个简单的Vue3应用...
    99+
    2023-05-14
  • vue3+vite2+ts4搭建项目环境规范的方法
    这篇文章主要讲解了“vue3+vite2+ts4搭建项目环境规范的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue3+vite2+ts4搭建项目环境规范的方法”吧!Vue 3 + T...
    99+
    2023-06-30
  • vue项目环境搭建 启动 移植操作示例及目录结构分析
    目录项目搭建项目创建项目启动停止项目目录结构分析全局脚本配置index.html详细介绍main.js入口文件详细App.vue跟组件介绍router-index.js 路由介绍项目...
    99+
    2022-11-13
  • Vue 搭建Vuex环境详解
    目录搭建Vuex环境总结 搭建Vuex环境 在src目录下创建一个文件夹store,在store文件夹内创建一个index.js文件 index.js用于创建Vuex中最核心的sto...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作