做国际贸易网站哪家好,山西+网站建设,企业类网站模版,济南建设网建筑市场信用信息管理已经安装node.js在自己找的到的地方新建一个文件夹用于存放项目#xff0c;记住文件夹的存放路径#xff0c;以我为例#xff0c;我的文件夹路径为D:\tydic 打开cmd命令窗口#xff0c;进入刚刚的新建文件夹
切换硬盘#xff1a; D:
进入文件夹#xff1a;cd tydic
使…已经安装node.js在自己找的到的地方新建一个文件夹用于存放项目记住文件夹的存放路径以我为例我的文件夹路径为D:\tydic 打开cmd命令窗口进入刚刚的新建文件夹
切换硬盘 D:
进入文件夹cd tydic
使用官方脚手架新建项目npm create vuelatest 可能直接进入项目名也可能问你是否使用vue3.10.3这个版本创建项目直接yes就好了 输入新建项目的名称demo3
开始设置选择你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示 ✔ Project name: … your-project-name
✔ Add TypeScript? … No / Yes
询问你是否使用TypeScript语法也就是JavaScript的升级版目前新手不需要安装这个会增加学习的成本可以后面进阶了再去单独学习。
✔ Add JSX Support? … No / Yes
涉及Render函数使用等的一个方便阅读的插件目前不需要后面会用到
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
需要用到路由和pinia选择yes左右箭头可以更换选择no/yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright
✔ Add ESLint for code quality? … No / Yes
这个目前千万不要装会安装很多配置可能会导致代码启动不起来且找不到哪里出错需要把他强制关闭还不知道怎么关很复杂会增加很多负担比TypeScript还麻烦目前不要装。
✔ Add Prettier for code formatting? … No / Yes
✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes
剩下两个也不需要
Scaffolding project in ./your-project-name...
Done
✔ Project name: … your-project-name
✔ Add TypeScript? … No / Yes
询问你是否使用TypeScript语法也就是JavaScript的升级版目前新手不需要安装这个会增加学习的成本可以后面进阶了再去单独学习。
✔ Add JSX Support? … No / Yes
涉及Render函数使用等的一个方便阅读的插件目前不需要后面会用到
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
需要用到路由和pinia选择yes左右箭头可以更换选择no/yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright
✔ Add ESLint for code quality? … No / Yes
这个目前千万不要装会安装很多配置可能会导致代码启动不起来且找不到哪里出错需要把他强制关闭还不知道怎么关很复杂会增加很多负担比TypeScript还麻烦目前不要装。
✔ Add Prettier for code formatting? … No / Yes
✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes
剩下两个也不需要
Scaffolding project in ./your-project-name...
Done. 此时项目已经创建可以在我们刚刚新建的文件夹里看到 结构如下 可以点开package.json查看一下 然后执行绿色提示命令运行项目
cd your-project-name
npm install
npm run dev 一定要先进入项目文件
再npm install
再npm run dev
顺序不要弄错
否则会出现以下vite既不是内部也不是外部的错误
没有npm i就没有第三方依赖run不起来的 输入npm i下载依赖 下载成功 运行项目 这样我们就启动了我们第一个vue项目。
