路飞项目一:vue安装及介绍

一、安装vue及创建项目:

1、首先装Node.js

下载:http://cdn.npm.taobao.org/dist/node/v10.14.2/node-v10.14.2-x64.msi

接着下一步,下一步,ok,

linux:

解压,配置环境变量OK,(这里不再叙述)

创建vue项目:

在指定的目录中创建项目:

cd "vue-project"

清除缓存记录

npm cache clean --force    

开始创建:

vue create pro_1 (项目名)

也可以ui 创建

vue ui (运行后输入url创建项目名)

图片.png

二、pycharm 配置vue.js插件

File--setting--->plugins--->搜索vue.js 安装后,点击Ok,之后会重启pycharm 即可。

图片.png

Pycharm 配置 运行

图片.png

图片.png

三、vue 目录结构

-node_modules:项目依赖(以后项目要传到git上,这个不能传)
        -publish--->index.html  是总页面
        -src :项目
            -assets:静态资源
            -components:组件
            -views:视图组件
            -APP.vue:根组件
            -main.js :总的入口js
            -router.js :路由相关,所有路由的配置,在这里面
            -store.js  :vuex状态管理器
        -package.json:项目的依赖,npm install 是根据它来安装依赖的
    每个组件会有三部分:
        -template
        -style
        -script


猜你喜欢

转载自blog.51cto.com/silencezone/2334126