nodejs搭建vue环境

我不是女神ヾ 2022-02-03 09:19 283阅读 0赞

首先下载node.js安装并且配置好环境变量。

去nodejs官网下载即可，地址：http://nodejs.cn/中文网

前提要安装 以下：

1）安装npm淘宝镜像  cnpm  
        npm install -g cnpm --registry=https://registry.npm.taobao.org

2）cnpm 安装webpack   
        cnpm install webpack -g

3）安装vue脚手架   
        cnpm install vue-cli -g

1、在文件目录下新建文件夹，命名为vuetest(名字自定义不做限制啊，只是一个目录方便管理)。

windows用户的话，直接进入该文件夹之后点击上方，点击地址栏输入cmd然后回车，就直接用cmd进去改目录下。

在命令行输入 vue init webpack （这里输入你的项目名字）

下面我解释命令之后的东西

?Project name test   -----------项目名字叫test  
? Project description A Vue.js project   -----这是一个vue项目  
? Author jh                 --------------作者叫jh  
? Vue build standalone       
? Install vue-router? Yes    ------------是否安装路由（这里不安装的话也可以进去后手动安装，一般默认安装y）  
? Use ESLint to lint your code? No  -------是否使用ESLint 模式（这是严格模式会比较麻烦，新手建议不用，毕竟影响不大）  
? Set up unit tests Yes    -------- 是否设置单元测试，看需求，一般使用  
? Pick a test runner jest  
? Setup e2e tests with Nightwatch? Yes     ----nightwatch实现vue应用e2e测试

等待一会儿就等下载完之后就好了，如果下载过程中有问题使用cnpm install 一下

之后进去刚刚新建的vue项目的根目录下面，输入npm run dev 之后就运行了

直接访问 http://localhost:8080

一个vue项目就新建完成了

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关 windows 系统下搭建NodeJS/VUE开发环境

近接手了一个新项目，是nodejs和vue开发的：而如何在windows下搭建NodeJS环境，之前参考了一篇网络上的帖子：[https://www.cnblogs....

偏执的太偏执、/ 2024年04月18日 02:35/ 0 赞/ 38 阅读

相关 Vue05之ElementUI入门+nodejs环境搭建+运行nodejs项目

[14天阅读挑战赛][14] 努力是为了不平庸~ 目录 1. ElementUI入门 1.1 ElementUI简介 1.2 Vue+ElementUI安装

曾经终败给现在/ 2024年04月01日 08:51/ 0 赞/ 35 阅读

相关【Vue+NodeJS】vue路由及NodeJS环境搭建（Windows版）

一、Vue路由 1、什么是Vue路由 > Vue路由是Vue.js框架中用于实现单页面应用（SPA）的路由管理器。它允许您创建多个页面之间的导航，并通过URL的变化

痛定思痛。/ 2024年03月02日 09:15/ 0 赞/ 10 阅读

相关 vscode搭建nodejs开发环境

运行和调试JavaScript 在VS Code中，我们可以非常方便地运行JavaScript文件。 VS Code以文件夹作为工程目录（Workspace Dir），

Bertha 。/ 2022年12月01日 15:43/ 0 赞/ 342 阅读

相关 vue+vscode+nodejs 开发环境搭建

nodejs安装配置 1.下载地址：[https://nodejs.org/en/][https_nodejs.org_en] 2.默认安装 ![2964f01ce

野性酷女/ 2022年10月26日 14:10/ 0 赞/ 227 阅读

相关 nodejs 环境搭建

nodejs 环境搭建目前,Node.js是在前端开发中十分受欢迎，它是一套用来编写高性能网络服务器的JavaScript工具包，官网中介绍：Node.js 是一

雨点打透心脏的1/2处/ 2022年06月10日 09:11/ 0 赞/ 246 阅读

相关 NodeJs环境搭建（2）

一、NodeJs的环境搭建 Nodejs是执行在服务端的js语言，其中js执行的语言需要js的执行引擎，而nodejs在安装的时候就默认的有一个c

柔情只为你懂/ 2022年05月28日 12:36/ 0 赞/ 249 阅读

相关搭建vue的开发环境(不包括nodejs)

本人因参加一个Web比赛，所以使用到了vue这种前段开发技术，下面简单讲解一下vue的开发环境。 1. 必须要安装nodejs（在此不做详细讲解，路径等问题解决了一天，，，

￡神魔★判官ぃ/ 2022年03月25日 05:48/ 0 赞/ 291 阅读

相关 nodejs搭建vue环境

首先下载node.js安装并且配置好环境变量。去nodejs官网下载即可，地址：http://nodejs.cn/中文网前提要安装以下： 1）安装npm淘宝

我不是女神ヾ/ 2022年02月03日 09:19/ 0 赞/ 284 阅读

相关 Nodejs环境搭建

通常情况下只需要官网nodejs的安装套件一键安装即可包含nodejs框架和npm命令行部分由于系统其他工具依赖预先安装了nodejs环境导致版本老旧，需要手动升级，

古城微笑少年丶/ 2021年09月21日 17:55/ 0 赞/ 475 阅读