1. 全局安装Vue Cli
DOS命令窗口执行:
cnpm i -g @vue/cli
查看版本:
vue -V
2. VSCode中新建文件目录并创建项目
mkdir mySite
cd mySite进入mySite目录下执行:
vue init webpack 01
得到提示:
Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.
即官方拉取2.x模板:
按照提示执行:
npm i -g @vue/cli-init
再次执行:
vue init webpack 01
安装中:
安装成功,根据提示进入目录并执行:
cd 01
npm run dev
编译成功提示:
在浏览器中打开:http://localhost:8080,预览到创建好的项目:
3. 项目01目录结构如下: