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

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项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值