杭州做营销型网站,软件工程学校排名,网站开发 属于研发费用吗,网页设计基础图片目录 创建一个Vue2项目创建一个Vue3项目 创建一个Vue2项目
## 安装Vue-Cli #xff1a; npm install -g vue/cli
// Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)vue --version // 检测版本是否正确## 创建一个项目#xff1a; vue create hello-world // hel… 目录 创建一个Vue2项目创建一个Vue3项目 创建一个Vue2项目
## 安装Vue-Cli npm install -g vue/cli
// Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)vue --version // 检测版本是否正确## 创建一个项目 vue create hello-world // hello-world 指的是项目名 Vue CLI官网 https://cli.vuejs.org/zh/guide/creating-a-project.html 创建一个Vue3项目
【基于Vue-cli创建】
## 查看vue/cli版本确保vue/cli版本在4.5.0以上
vue --version## 安装或者升级你的vue/cli
npm install -g vue/cli## 执行创建命令
vue create vue_test## 随后选择3.x
## Choose a version of Vue.js that you want to start the project with (Use arrow keys)
## 3.x
## 2.x## 启动
cd vue_test
npm run serve【基于vite创建】 // 推荐
## 安装vite
npm create vitelatest## 1.创建命令
npm create vuelatest## 2.具体配置
## 配置项目名称
√ Project name: vue3_test
## 是否添加TypeScript支持
√ Add TypeScript? Yes
## 是否添加JSX支持
√ Add JSX Support? No
## 是否添加路由环境
√ Add Vue Router for Single Page Application development? No
## 是否添加pinia环境
√ Add Pinia for state management? No
## 是否添加单元测试
√ Add Vitest for Unit Testing? No
## 是否添加端到端测试方案
√ Add an End-to-End Testing Solution? » No
## 是否添加ESLint语法检查
√ Add ESLint for code quality? Yes
## 是否添加Prettiert代码格式化
√ Add Prettier for code formatting? No
