怎么新建vue3.0版本项目

Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js，因为这个是个可选项，所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 开发者一般不需要再去知道 weboack 做了什么，所以没有暴露 webpack 的配置文件，但你依然可以创建 vue.config.js 去修改默认的 webpack。 手动创建一个 vue..

Sass/SCSS：Sass是采用Ruby语言编写的一种CSS预处理语言，是最成熟的CSS处理语言。TypeScript ： 使用TypeScript进行源码编写，使用TypeScript可以编写强类型的javaScript，对开发有很大好处。Less：是一门CSS预处理语言，它扩充了CSS语言，增加了如变量、混合函数等功能，让CSS更易于维护，方便制作主题和扩充。Stylus：可以省略原生CSS中的大括号，逗号，分号，类似于python语言风格，语法灵活，但是维护起来比较麻烦。

文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）

本人新入手一台电脑，需要安装各种环境配置，顺便把过程记录一下，方便自己以后查看，也欢迎大家参考交流。

从零开始创建一个Vue3.0项目

打开链接：https://github.com/vuejs/vue-cli/可以看到官方的文件结构级说明 点击docs，看到页面README.md的最下方安装命令 npm install -g @vue/cli or yarn global add @vue/cli 新建项目命令 vue create my-project or vue ui 命令行输入：vue -h可以看到相关命令 cre...

vue-cli版本，新建vue项目 查看vue-cli版本 vue -V 安装vue-cli2.x版本 npm install vue-cli -g 新建vue-cli2.x版本项目 vue init webpack demo // 注： 假设报错如下： Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and try again. 安装@vue/c

一、vue（3.0）版本的安装 1.先要安装node.js 官网：https://nodejs.org/zh-cn/download/ 2、nodejs安装后： a.如果之前安装过vue的2.0版本，你需要把2.0相关的删除 npm uni -g vue-cli或者cnpm uni -g vue-cli 　　 b.如果没有安装或vue的2.0版本的话，直接在全局的命令窗口，输入 cnpm i -g @vue/cli 　　 c.检查版本号 vue -V 执行上面的指令，那么vue的3.0版本就安装好了

vue/cli-ui新建工程报unknown option – skipGetStart错误 vue/cli3.0新增加了GUI方式新建项目的方式，运行命令 vue ui, 就会启动一个本地服务，界面如下： 但是当vue/cli版本低于V3.6.0时，命令行会报unknown option -- skipGetStart错误，通过查看vue/cli@v3.6.0源码和低于vue/cli@v3.6...

1：环境搭建 1-1:安装node环境 win+R 输入cmd 回车 输入node -v 回车。（v14.2.0为版本号） 输入：npm -v （检测是否安装成功）。 1-2：安装淘宝镜像，输入：npm install -g cnpm –registry=https://registry.npm.taobao.org 输入：cnpm -v (检测是否安装成功)。 2:输入 npm i yarn -g安装yarn 3: 输入 npmi @vue/cli -g 安装vu...

安装vue-cli npm install -g @vue/cli -g 在控制台输入创建的项目 vue create <my-project> //vue3 vue init webpack <my-project> //vue2 创建成功后运行测试 成功结果图： npm run serve //vue3 npm run dev //vue2 运行成功效果图： ...

setup 函数就是 composition API 的入口，是处于生命周期钩子函数 beforeCreate 和 created 两个函数之间，所以 setup 中的属性和方法在外部使用时，需要先 return 暴漏出去。vue-router 4 的大多数的 API 是保持不变的，但是在 vue3 中以插件形式存在，所以在创建的时候有一定的改变。与 ref 类似的还有 reactive。项目创建完成之后，我们要做的第一件事就是配置路由了，添加路由的时候，需要在 main.js 内引入 router。

VUE创建

vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios

创建Vue3.0项目，以及Vue的简单使用。

6、ESLint：提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多 —— 我选 ESLint + Prettier。2、自定义配置，根据你需要用箭头上下键选择（按 “空格键”选择/取消选择，A键全选/取消全选，I键进行反选）对应功能。3、我没有卸载旧版本的 vue-cli(1.x 或 2.x)，所以创建时需要选择2.0 还是 3.0。5、css预处理器（主要为css解决浏览器兼容、简化CSS代码 等问题） —— 我选 Less。2、安装vue-cli3.0。

vue3.0项目搭建

基于Vue3，面向设计师和开发者的组件库(https://element-plus.gitee.io/zh-CN/)Element Plus,npm init vite@latest xindian.admin 1.选择vue 2.选择vue-tg 创建vue文件成功，pnpm地址：https://www.pnpm.cn/ 安装：npm install -g pnpm。安装nodejs网址：https://nodejs.cn/download/vite.config.ts Vite配置文件。

本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npm npm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm config set registry https://registry.npm.taobao.org cnpm config set registry https:/...