Vue入门笔记

Vue入门笔记

安装

开发工具使用vscode, 构建工具使用npm

• 使用vscode打开空目录(目录名不能包含空格)
• 打开Terminal, 输入 npm init -y ,目录下产生package.json文件
• 执行 npm install vue ,自动下载最新版vue, 即可在html中引用./node_modules/vue/dist/vue.js

Vue模块化开发

# 安装webpack打包工具和vue脚手架
npm install -g webpack
npm install -g @vue/cli-init

# 初始化vue项目
#使用vue命令, 使用webpack模版, 初始化名为vuedemo的项目
vue init webpack vuedemo

# 发现上面的命令提示找不到vue
npm install -g vue-cli

cd vuedemo
npm run dev