Vue(node)

利用node自建服务器

1.用C++语言编写，用来运行JavaScript语言
2.node可以为前端项目提供server (包含了socket)

node.js:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

node.js 下载：https://nodejs.org/en/

npm包管理

# 换国内源，加速下载
# 管理员命令行：npm install -g cnpm --registry=https://registry.npm.taobao.org
# MacOS: sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

# 索引npm的指令都可以换成cnpm
# npm install vuex => cnpm install vuex

 vue cli环境：脚手架 - 命令行快速创建项目

cnpm install -g @vue/cli

如果报错：npm cache clean --force

创建Vue项目

"""起步
1.cd 到目标目录
2.创建项目：vue create 目录名
"""

""" 创建项目的过程
提示下载原：选择淘宝镜像

具体配置：上下键切换，空格键选择，回车键进入下一步
1.第二个选项进入自定义配置
2.Babel jsES6语法转换ES5，Router路由 Vuex组件数据交互 Formatter格式化代码
3...有提示选择大写，没提示默认第一个即可

 

启动项目

""" 终端启动
1.进入项目：cd到项目目录
2.启动项目：npm run serve
"""

""" pycharm配置
1.按照vue.js插件，重启
2.配置项目的npm启动项
"""

项目目录

"""
node_modules：依赖
public：共有资源
    ico：页面标签的logo
    html：单页面 - 整个项目的唯一页面
src：代码主体
...：项目、插件等相关配置
"""

""" src
assets：静态资源
components：小组件
views：视图组件
App.vue：根组件
main.js：主脚本文件
router.js：路由脚本文件 vue-router
store.