创建VUE项目,并使用VSCode进行代码
VUE项目的创建(VSC)
必要的下载
-
首先在官网中下载node.js,官网地址:https://nodejs.cn/
-
在cmd中用命令行查看安装是否成功(以下两个命令行都要执行)
- node -v:显示版本号表示成功
- npm -v:显示版本号表示成功
-
由于需要使用npm下载,配置npm的镜像为国内镜像
npm config set registry https://registry.npm.taobao.org
-
通过npm安装vue cli,
npm install -g @vue/cli
- 安装完成后查看执行以下代码,若显示版本号表示安装成功
vue --version
- 安装完成后查看执行以下代码,若显示版本号表示安装成功
创建项目
- 在cmd中进入到想要放置项目的文件夹,执行
vue ui
命令,会弹出一个图形化界面 - 点击创建,选好了项目地址后,点击在此创建新项目
- 输入项目文件夹名字,包管理器选择npm,将初始化git仓库勾选取消,点击下一步
- 预设选择手动配置,选择功能中只选择路由,其他的勾选取消
- 选择vue版本,另外勾选历史模式,最后点击创建项目
使用VSCode加载项目
- 点击文件,打开文件夹,选中刚刚创建的项目
- 点击新建终端,使用
npm run serve
命令运行,选择下方的local链接,跟踪链接