安装Node(脚手架)

简介: 安装Node(脚手架)

一,安装node(脚手架)

从官网直接下载安装即可,自带npm包管理工具。https://nodejs.org/en

安装之后在终端里查看查看node版本00

node -V

安装webpack

//  安装webpack 全局安装 在开发环境中
npm install webpack -D -g

安装vue-cli3.x以上

安装vue-cli
npm install @vue/cli@4.5.17 -g
创建工程
vue create 工程名

注意

要先在盘服中创建好文件夹,然后访问

创建好之后创建工程名字然后选择最后一个,最后一个是自定义项目

我就不选择Y了,我选的是N

创建项目成功之后

1.1, 配置vue.config.js

工程中此文件是没有,需要在工程的根路径下自行创建。

初始化的内容如下:

module.exports = {
  configureWebpack:{
    devServer:{
      port:8090, // 端口
      open:true, // 自动打开浏览器
      // Mock数据
      before(app){
      }
    }
  }
}

1.2, vue-cli3x的目录介绍

vue.config.js里大概包括了配置 常用的输出路径名、跟目录、预处理、devServer配置、pwa、dll、第 三方插件等等

因为绝大部分的配置和扩展尤大大已经做好了封装的了,我们常用的开发基本可以满足,不满足的 我们自己可以自行去扩展

webpack的配置在这个属性里修改configureWebpack(Mock也是在这里面的)

1.3, package.json

找到这个文件package.json修改一些配置不然运行不成功

修改成这样

然后新建终端

然后输入:npm run serve

成功之后打开是这个页面

最后

送大家一句话:现在站在什么地方不重要,重要的是往什么方向移动!!!

相关文章
|
21天前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
56 1
【安装指南】nodejs下载、安装与配置详细教程
|
20天前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
46 0
|
1月前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
26 0
|
1月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(上)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
31 0
|
18天前
|
JavaScript 内存技术
nvm安装和切换node使用版本
nvm安装和切换node使用版本
|
24天前
|
JavaScript Linux iOS开发
nodejs最新版本安装
【1月更文挑战第16天】nodejs最新版本安装
18 4
|
1月前
|
JavaScript 前端开发 iOS开发
【macOS 系列】如何在mac下安装nvm实现多版本nodejs
【macOS 系列】如何在mac下安装nvm实现多版本nodejs
20 0
|
1月前
|
JavaScript Linux iOS开发
如何安装和配置 Node.js?
如何安装和配置 Node.js?
52 0
|
2月前
|
JavaScript Linux 开发工具
【服务器】安装Node.js开发环境
【服务器】安装Node.js开发环境
25 1
|
2月前
|
JavaScript