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

一时失言乱红尘 2022-05-28 00:18 175阅读 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 条评论，175人围观）

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

相关阅读

相关 Vue 项目搭建

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

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

相关（1）vue-cli2 搭建vue项目

文章目录前言一、准备工作 1. 下载node.js 2. 打开cmd窗口，查

短命女/ 2023年07月01日 12:57/ 0 赞/ 58 阅读

相关 vue 项目从搭建到本地测试再搭建到服务器

本人也是初学vue 写的不好勿喷之前写vue一直用的是直接引入后面越用越感觉自己不是太专业今天下午就研究了一下使用手脚架搭建一个vue项目首先需要三个运行环境,

绝地灬酷狼/ 2023年06月24日 04:53/ 0 赞/ 6 阅读

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

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

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

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

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

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

相关搭建vue项目

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

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

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

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

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

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

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

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

相关 Vue项目搭建

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

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

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

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

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