淘宝网站建设特点,响应式 购物网站模板,做搜狗手机网站优化首,个人主页格式环境安装
nodejs 安装
下载地址#xff1a;https://nodejs.org/dist/v18.16.1/ 根据系统类型选择对应安装包#xff0c;选择安装路径那个后一直下一步即可安装完成。 配置npm 代理镜像,设置为淘宝的镜像地址#xff08;后面按照依赖可以加速下载安装包#xff09;
npm c…环境安装
nodejs 安装
下载地址https://nodejs.org/dist/v18.16.1/ 根据系统类型选择对应安装包选择安装路径那个后一直下一步即可安装完成。 配置npm 代理镜像,设置为淘宝的镜像地址后面按照依赖可以加速下载安装包
npm config set registry https://registry.npmmirror.com安装cnpm 可选
npm install -g cnpm --registryhttps://registry.npmmirror.com查看是否安装成功
项目创建并启动
cmd 进入需要创建vue工程的目录下输入如下命令并执行
npm init vuelatest第一次我们可以在输入项目名称后其他选项都默认选择否项目名称都使用小写字母 然后执行提示命令进行启动 cd vue-base 进入到vue工程根目录下npm install 安装工程所需要的依赖npm run dev 启动vue工程到这里项目启动完成浏览器访问 http://localhost:5173/ 即可打开vue项目页面 这里的VITE 为vue的一个脚手架工具在vue早前一些版本 使用的为webpacke脚手架工具。
项目目录 .idea --- 开发工具的配置文件夹默认创建出来的为 .vscode
node_modules --- Vue项目的运行依赖文件夹
public --- 资源文件夹如包含浏览器图标
src ---源码文件夹
.gitignore ---git忽略文件
index.html ---入口HTML
package.json ---信息描述文件
README.md ---项目介绍文件
vite.config.js ---Vue配置文件
