美文网首页
安装和新建vue-uniapp项目

安装和新建vue-uniapp项目

作者: 疯枫子 | 来源:发表于2019-10-10 10:27 被阅读0次

    1、安装nodejs和npm后

    2、全局安装脚手架工具vue-cli

    命令npm install --global vue-cli

    cd到nodejs的目录下去安装vue

    3、监测vue是否配置好

    命令vue -V

    出现版本号就是安装成功了

    4、开始使用Vue创建项目(可以先进入自己想要创建项目的文件夹中)

    命令vue init webpack vue_test    (vue_test是自己的项目名字)

    红线区域选no就好

    5、cd到刚刚创建的目录下面,运行vue项目

    6、项目目录如下

    7、vue项目目录说明

    官方介绍

    build:项目构建(webpack)相关代码

    config:配置目录,包括端口号等

    node_modules:npm加载的项目依赖块

    src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

    assets: 放置一些图片,如logo等

    components:该目录里存放的我们的开发文件组件,主要的开发文件都存放在这里了

    App.vue:项目入口文件

    main.js:项目的核心文件

    router:路由配置目录

    static:放置一些静态资源文件

    test:初始测试目录,可删除

    .xxxx文件:这些是一些配置文件,包括语法配置,git配置等

    index.html:首页入口文件

    package.json:项目配置文件

    README.md:项目的说明文档,markdown 格式

    *还有好多不懂的地方。边学习边记录

    相关文章

      网友评论

          本文标题:安装和新建vue-uniapp项目

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