vue官方安装地址:
https://cn.vuejs.org/v2/guide/installation.html
环境搭建:
1.安装 nodejs
2.搭建vue的开发环境
3.安装vue的脚手架工具 官方命令行工具(vue-cli)
npm install --global vue-cli / cnpm install --global vue-cli
创建项目(必须cd到对应的建立项目的文件夹里面):
方式一:
vue init webpack vue-demo01(项目名称)
cd vue-demo01 (进入项目文件夹中)
npm install (安装项目启动依赖)
npm run dev (启动项目)
方式二(小项目使用方式,更加精简)推荐:
vue init webpack-simple vue-demo02(项目名称)
cd vue-demo02(进入项目文件夹中)
npm install (安装项目启动依赖)
npm run dev (启动项目)
vue 目录结构分析:
node_modules: 启动项目下载各种依赖包
src: 开发所用资源
index.jsp: 入口文件(建议不改动)
package.json: 项目配置文件
README.md: 项目打包说明文件
webpack.config.js: webpack配置文件
assets: 静态资源文件
App.vue:根组件
main.js:js文件
未完待续......