vue安装

vue脚手架安装命令

• npm install -g @vue/cli || cnpm install -g @vue/cli

• (3.0) vue create my-project(项目名) 这一种可以选择模块 和历史模板 ||

• (2.0) vue init webpack vue_demo(vue_demo为自定义文件名称) (很多回车)

• cd vue_demo

• npm install

• npm run serve

  文件夹说明

• build 构建脚本目录

• config 构建配置目录

• node_modules 依赖的node工具包目录

• src 源码目录

  • assets 资源目录
  • components 组件目录
  • App.vue 页面级Vue组件
  • main.js 页面入口js文件

• static 静态文件目录

• test 测试文件目录

• .eslintrc.js ES语法检查配置

• index.html 入口页面

• package.json 项目描述文件

快速原型开发

• npm install -g @vue/cli-service-global

  创建项目

• npm i -g @vue/cli-init

• vue init webpack first

• cd first

• npm run dev