Vue从零开始创建一个vue项目
一、环境准备
1、安装 Node.js:确保已经安装了Node.js,这是运行Vue项目所必需的
第一步:下载
在官网Node.js — Download Node.js®或者Node.js — Run JavaScript Everywhere 上下载nodejs安装包
第二步:安装
双击安装包,安装nodejs;安装路径不要包含中文、建议不要安装在C盘;后面弹出来的界面,一直点next就可以,不需要另外点其他的选项
第三步:验证环境变量是否已配置
安装过程中会自动配置环境变量,安装完成后,在cmd中验证一下,环境变量是否已配置;输入:node -v;跳出nodejs版本号说明没问题
node -v
安装淘宝镜像(可选):为了加快依赖包的下载速度,可以安装淘宝镜像:
npm install g cnpm registry=https://registry.npm.taobao.org
二、使用Vue CLI创建项目
全局安装Vue CLI:在终端中输入以下命令来全局安装Vue CLI:
npm install g @vue/cli
2、创建新项目:在终端中进入你想要创建项目的目录,然后运行以下命令:
myproject是项目名称,可以按需修改
vue create myproject
切换到 到项目目录
cd myproject
运行
npm run serve
这将启动一个本地开发服务器,您可以在浏览器中访问http://localhost:8080
来查看您的Vue应用。