vue学习路线1——搭建本地项目

一时失言乱红尘 2022-05-28 00:18 108阅读 0赞

一.

#### 安装nodejs ####

链接：[https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]

二.

安装webpack

安装命令：**cnpm install webpack -g**

**安装完成，通过`webpack -v`来查看当前webpack版本**

**三.**

**接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架**

安装命令：**npm install -g vue-cli**

安装完后，可以输入vue，或者vue -V，然后回车，如果出现vue的信息，则说明安装成功了。

四.

紧接着，就该创建项目了，自己找一个合适的地方，新建一个项目文件夹，根据自己的需要命名，我的命名为 my-vue，然后，打开此文件夹，右键git bash here，定位到此文件夹，输入: **vue init webpack** my-vue(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作:

**![20180326151315213][]**

**五.之后通过命令：cd vue-test 进入此文件夹，在利用命令：npm install，回车，等待一小会儿，回到项目文件夹，会发现项目结构里，多了一个node\_modules文件夹（该文件里的内容就是之前安装的依赖）。**

**六.在命令行里继续输入 npm run dev来测试环境是否搭建成功，如果出现如下图说明成功了：**

**![20180326151657732][]**

然后输入提示你的地址，我的是8081，出现下图，就ok了

![20180326151745752][]

[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[20180326151315213]: /images/20220528/672b9daa8e844babac5fb04cb5a0e686.png
[20180326151657732]: /images/20220528/f83c4e0cf374432eae541e21440288d5.png
[20180326151745752]: /images/20220528/1f9632dfce5549a6bbcf5ed3b73f87fb.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue 项目搭建

安装 Node.js 安装：推荐阅读：[Windows安装 Node.js][Windows_ Node.js] 检测：打开目标文件夹（本文示例：C:\\Use

╰半夏微凉°/ 2023年10月18日 22:56/ 0 赞/ 75 阅读

相关 VUE项目学习（一）：搭建VUE前端项目

VUE项目学习（一）：搭建VUE前端项目 1、安装node.js环境（1）下载node.js，下载地址为：[https://nodejs.org/en/][htt

╰半夏微凉°/ 2022年12月31日 11:28/ 0 赞/ 147 阅读

相关本地搭建Vue项目并配置必要的信息

本博客默认已安装node.js和vue 一、通过vue脚手架搭建环境 1.vue init webpack //初始化 2.按照操作一步一步完成即可 3.搭建成

﹏ヽ暗。殇╰゛Y/ 2022年05月28日 12:23/ 0 赞/ 135 阅读

相关 vue学习路线1——搭建本地项目

一. 安装nodejs 链接：[https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn] 二. 安装w

一时失言乱红尘/ 2022年05月28日 00:18/ 0 赞/ 109 阅读

相关搭建vue项目

> 1，安装好node.js npm > 2，创建vue项目： > > npm install -g vue-cli /搭建脚手架/ >

待我称王封你为后i/ 2022年05月10日 09:12/ 0 赞/ 276 阅读

相关 [vue-1] 手把手教你搭建 vue项目

注意: vue的运行以及安装需要node.js环境的支持,所以先安装node.js 第一步 : node环境安装 1. 如果本机没有安装node运行环境，请下载

比眉伴天荒/ 2022年04月08日 13:19/ 0 赞/ 300 阅读

相关搭建一个vue项目

ves.js 的官网 https://cn.vuejs.org/v2/guide/installation.html 在开始之前要先确定你的node及npm已经安装好了，可

野性酷女/ 2022年02月13日 14:37/ 0 赞/ 346 阅读

相关 Vue搭建项目，从0到1

参考链接：[https://blog.csdn.net/inthuixiang/article/details/82225407][https_blog.csdn.net_in

末蓝、/ 2021年10月23日 15:26/ 0 赞/ 367 阅读

相关 Vue项目搭建

一：安装node.js 安装教程：http://www.runoob.com/nodejs/nodejs-install-setup.html 安装完成之后，在cmd命令

逃离我推掉我的手/ 2021年07月24日 21:00/ 0 赞/ 516 阅读

相关 Java项目框架搭建系列（Java学习路线）

前言：已经毕业两年，真是时间飞逝。其实当你在一间公司工作一两年之后，公司用到的开发框架的基本使用你应该都会了。你会根据一个现有项目A复制一下搭建出另外一个类似框...

朱雀/ 2021年01月24日 03:19/ 0 赞/ 625 阅读