idea离线安装 SpringApplication 另类堆栈 centos8 perl curl webpack scope pagination coldfusion ionic3 gtk Ractivejs Minjs bootstrap后台管理模板 进销存源码 ajax的get请求 css最后一个子元素 ie内核浏览器怎么设置 查看oracle连接数 基于bootstrap的框架 python数据类型转换 python手册 python基础教程 java使用 java的环境配置 java编程语言 java判断语句 java运行 微信客户管理系统 alphacam qq免安装 cfqq网吧任务 win10环境变量 视频加文字用什么软件 python缩进规则 免费图片文字识别软件 deepcopy js动态添加元素 德玛上单天赋
当前位置: 首页 > 学习教程  > 编程语言

vue项目的搭建和启动-测试过,几分钟就能安装完成

2020/12/5 9:37:56 文章标签:

vue安装的第一种方法: 可以通过添加链接描述,下载到本地。 将里面的东西下载下来,再将其引入自己的文件中。 vue还可以通过bootCDN来安装。 可以通过复制链接或者复制script标签来完成安装。 vue还可以使用npn安装。 1.npn的安装:需要先…

vue安装的第一种方法:

可以通过添加链接描述,下载到本地。
将里面的东西下载下来,再将其引入自己的文件中。

vue还可以通过bootCDN来安装。

可以通过复制链接或者复制script标签来完成安装。

vue还可以使用npn安装。

1.npn的安装:需要先安装Node.js(官网)
里面有LTS和current两个版本,LTS长期提供稳定的更新,而current也许会出现意想不到的问题,但同时他也支持更多的更新。
2.node.js最新版最低支持window8.1及以上的版本,我是在百度上找到的链接。
3.安装完之后,可以在cmd命令行输入在这里插入图片描述

接下来就是安装过程了,我昨晚安装了1个小时也没用弄好,早上终于弄好了

1.npm install --global vue-cli ,全局安装vue-cli
会有报错,不用理他,继续下面的操作
2.npm config set registry https://registry.npm.taobao.org
上面的报错中就有一个地址错误,打上去就解决了.
3.npm install --global vue-cli
安装
4.vue -V
就能查看版本信息了(如果无法查看,也许是因为没有全局的问题,又或许是环境变量的问题)
5.创建一个新的项目
vue init webpack my-frsit-project(注意项目名不能有大写)
6.接下来就是填写东西了
(过程中如果和我所填写的步骤不一样,可以按enter就能看到了)
project name:项目名称
project description(好像没有印象)
在这里插入图片描述
大概是这样的吧
author:一个名称+一个地址
vue build standdlone(记忆中,他好像是自己会填写的)
install vue-router? yes
use eslint to lint your code? no(这个是代码规范化的东西)
setup unit tests with karma +mocha?y
如果没有这个选项,可以按回车.
setup e2e tests with nightwatch?yes
如果没有这个选项,可以按回车.
7.之后就能看到项目文件夹了(其中node_modules是后面安装了依赖看到的)
在这里插入图片描述
8.安装依赖:
npm install,安装完之后就能看到上述所说的文件夹了.
9.打开项目文件夹位置,使用cmd,再输入:
npm run dev
然后打开浏览器输入:http://localhost:8080
(如果打不开,可以修改config>index.js)的端口号
在这里插入图片描述

10.之后将文件夹拉进编辑器,打开src文件夹,里面有一个vue文件
在这里插入图片描述
修改了export default { name: 'HelloWorld', data () { return { msg: 'hello ' } } }
可以修改msg的值,就可以改变vue的初始界面文字
在这里插入图片描述

如果大家有什么不懂的,可以在下面的评论说一下,之后我还会分享一下vue项目


本文链接: http://www.dtmao.cc/news_show_450030.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?