#### 1、环境搭建
'''
- 安装node

```
官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/
```

- 安装cnpm

```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```

- 安装脚手架

```
cnpm install -g @vue/cli
```

- 清空缓存处理

```
npm cache clean --force
```

#### 2、项目的创建

- 创建项目

```js
vue creat 项目名
// 要提前进入目标目录(项目应该创建在哪个目录下)
// 选择自定义方式创建项目,选取Router, Vuex插件
```

- 启动/停止项目

```js
npm run serve / ctrl+c
// 要提前进入项目根目录
```

- 打包项目

npm run build
//要在项目根目录下进行打包操作
'''
    vue项目的创建(路飞前端)
        -安装node.js
        -安装vue的脚手架
        -创建vue项目,vue create 项目名字
    在pycharm中开发vue
        -webstrom,pyacharm,goland,idea,androidStuidio,Php....
        -Edit-conf----》点+  选npm-----》在script对应的框中写:serve
    vue项目的目录结构
        -node_modules:项目的依赖
        -public
            -favicon.ico  网页的图标
            -index.html   主页面
        -src:你需要关注的
            -assets:方静态文件
            -components:小组件
            -views  :页面组件
            -App.vue :主组件
            -main.js :项目主入口js
            -router.js: 路由相关,以后配置路由,都在这里配置
            -store.js  :vuex相关,状态管理器
        -package.json   项目的依赖文件
vue的文件结构基本介绍

 

posted on 2019-04-28 13:45  kaikai2xiaoqi  阅读(71)  评论(0编辑  收藏  举报