VUE3.0 一.安装node.js、vue3.0脚手架

1.安装nodejs

首先去官网下载nodejs
查看npm和node版本，出现版本号即安装成功。

npm -v
# 6.13.4node -v
# cv10.16.0

2.全局安装vue-cli3.0脚手架

1.全局安装

如果之前安装过卸载之前的没有安装过直接执行下一步

npm uninstall -g vue-cli
# 卸载之前的

npm install -g @vue/cli
# 或
yarn global add @vue/cli

2.查看版本/是否安装成功 vue -V

vue -V

3.构建vue项目，选择指定文件夹，执行

vue create vue-demo
# vue-demo 项目名称

? Please pick a preset:这里上下键控制选择默认(default)还是手动(Manually)

default (babel, eslint) : vue-cli3.0默认使用yarn下载

Manually select features : 手动

4.选择默认，执行下一步：

将指令切换到 vue-demo文件中执行yarn serve 项目构建成功

$ cd vue-demo$ yarn serve

5.在浏览器打开 http://localhost:8080/ 出现：

6.若第三步选择手动，则出现

❯◉ Babel ：将ES6编译成ES5

◯ TypeScript： JS超集

◯ Progressive Web App (PWA) Support：渐进式WEB应用

◯ Router ：VUE路由

◯ Vuex ： VUE状态管理（仓库）

◯ CSS Pre-processors：css预编译

◉ Linter / Formatter：代码检查工具和格式化

◯ Unit Testing：单元测试，开发过程中前端对代码进行自运行测试

◯ E2E Testing 端对端测试，属于黑盒测试，通过编写实例用例，自动户模拟用户操作

选择ESLint的代码规范

❯ ESLint with error prevention only

ESLint + Airbnb config

ESLint + Standard config

ESLint + Prettier

选择如何进行代码检测

❯◉ Lint on save ：保存时进行检测

◯ Lint and fix on commit：fix和commit时进行检查

选择 Babel, ESLint等配置文件存放位置

❯ In dedicated config files ：单独保存各自的配置文件中

In package.json ：保存在package.json文件中

是否保存选择的配置

是: 下次构建项目时，可选此配置

否：不保存

选择完成后进入构建画面，与第四步相同

VUE3.0 一.安装node.js、vue3.0脚手架相关推荐

Linux(centos6.0)下安装Node.js以及使用
Linux下(centos6.0)安装Node.js 1.wget http://nodejs.org/dist/node-v0.6.9.tar.gz tar zxvf node-v0.6. ...
在 Ubuntu 14.04/15.04 上配置 Node JS v4.0.0
大家好,Node.JS 4.0 发布了,这个流行的服务器端 JS 平台合并了 Node.js 和 io.js 的代码,4.0 版就是这两个项目结合的产物--现在合并为一个代码库.这次最主要的变化是 N ...
Win7(Win2003)下安装Node.js（版本号：v0.11.0）提供下载
今天试验一个项目,需要Win7下安装Node.js做模拟,试了N多个版本,都不支持win7(Win2003)这种老系统,最后终于试出来一个(版本号:v0.11.0)提供下载. Node.js_v0.1 ...
拥抱Node.js 8.0，N-API入门极简例子
本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. N-API简介 Node.js 8.0 在2017年6月份发布, ...
拥抱 Node.js 8.0，N-API 入门极简例子
本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. N-API简介 Node.js 8.0 在2017年6月份发布, ...
Node.js v8.0.0 带来了哪些主要新特性
Node.js于5月30号在其官方博客上发布了Node.js v8.0.0.这一版本将成为当前的长期维护版本,从2017年10月开始到2019年12月31号.而Node.js v6.0.0将会在201 ...
【Mac】从0开始用node.js制作爬取结果的查询网站
[Mac]从0开始用node.js制作爬取结果的查询网站实验要求实验结果展示简单了解实验项目所需知识 1 爬虫原理 2 JavaScript语法 3 网络元素的提取 4 正则表达式 5 其他有关 ...
支付宝招“找茬”程序员，年薪无上限；谷歌宣布实现“量子霸权”；node.js 13.0.3 发布 | 极客头条...
快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有 ...
Node.js 4.0 中的 ES 6 特性介绍
Node.js 4.0.0 已经发布了.这是和 io.js 合并之后的首个稳定版本,它带来了一系列的新特性,支持 ES 6的大部分特性.已经有很多ES 6 的特性介绍了,这里我们介绍一下该怎么使用它们 ...

VUE3.0 一.安装node.js、vue3.0脚手架

VUE3.0 一.安装node.js、vue3.0脚手架

1.安装nodejs

2.全局安装vue-cli3.0脚手架

VUE3.0 一.安装node.js、vue3.0脚手架相关推荐

最新文章

热门文章