多语言展示
当前在线:1961今日阅读:103今日分享:49

如何使用Vue搭建项目

Vue发音类似于view,是一种轻量级的前端框架。在初学vue的时候,总会无从下手。学习vue需要哪些工具呢,这里首先要从nodejs的安装开始,然后到新建项目,添加依赖,启动访问项目。入门级的操作,希望可以帮到大家。
工具/原料
1

NodeJs

2

Windows 10

方法/步骤
1

安装nodejs安装成功后,在命令行'node -v',查看版本信息。查看信息成功则表示安装成功。nodejs中已经带有npm,然后只需要进行环境变量配置就可以。可以在命令行'npm -v'查看版本。

2

配置这里默认会在C盘创建目录。需要进行目录修改,以及环境变量配置。还要安装淘宝镜像,这样下载安装会快很多。在命令行键入'npm install -g cnpm --registry=https://registry.npm.taobao.org'

3

安装vue-cli3安装vue铰手架npm install -g @vue/cli命令行键入Vue -V查看版本信息。注意大小写。

4

创建项目cd进入你存放项目的文件夹,在命令行键入'vue create vue-demo',回车等待创建完成。 注意创建项目的命名规范,否则会报错。

6

访问 配置完成后,cd进入新建的项目,在命令行键入“npm run serve”,显示Compiled Successfully表示项目没有报错。在浏览器输入“http://localhost:8080/”访问进入Home页面。 可以安装VSCODE,用来作为开发工具。

注意事项

希望可以帮到大家!

推荐信息