美文网首页
记录第一次安装vue

记录第一次安装vue

作者: 戥瑷 | 来源:发表于2018-07-03 09:57 被阅读0次

由于项目需要,不能用安卓原生,要按照平台要求使用Vue去写项目。又没有前端人员,只能自力更生了。记录一下安装vue的过程。


1.先要安装node.js。(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2.基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里    1)输入:cnpm install -g vue-cli,回车,等待安装...
                  2).输入:vue,回车,若出现vue信息说明表示成功

4.创建项目
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项。然后设置一下项目信息。

项目设置

5.安装依赖
在cmd里  1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
  2).输入:npm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

6.测试环境是否搭建成功
方法1:在cmd里输入:npm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
运行起来后的效果如下图所示

启动页面

问题:
在安装过程中,你可能会遇到这个问题.

npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.

解决办法就是手动安装ajv:CMD输入 npm install ajv@^6.0.0

相关文章

网友评论

      本文标题:记录第一次安装vue

      本文链接:https://www.haomeiwen.com/subject/vacduftx.html