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的初始界面文字