PS node环境安装略过....
1 安装 vue-cli
在终端输入命令
npm install -g vue-cli
安装完成后,我们在终端中输入: vue -V 打印版本号 (ps: V是大写重要的事情ps一下)
此步骤截图如下
2 用vue-cli 初始化一个vue项目
1 进入到放项目的文件夹 PS(在文件夹下面右键 Git Bash Here 或者 shift+右键打开cmd 就不用CD进去了)
2 初始化一个名叫 vue-demo
的项目 命令如下
vue init webpack vue-demo
(ps 如果你写了项目名 就直接初始化 不然会又多一层的)
终端提示介绍:
1 ? Project name (vue-demo) (PS: 问你是不是叫这个名字呀 回车 表示 确定)
2 ? Project description (A Vue.js project) (PS 初始化一个vue小项目 确定吧)
3 ? Author (user.name <@>) (ps 作者 按回车)
4 ? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific H
TML) are ONLY allowed in .vue files - render functions are required elsewhere (PS 编译器 继续回车)
5 ? Install vue-router? (Y/n) (是否安装路由管理 是 继续回车)
6 ? Use ESLint to lint your code? (Y/n) (是否用ESLint检查代码 继续回车)
7 ? Pick an ESLint preset (Use arrow keys)
? Pick an ESLint preset Standard
? Set up unit tests (Y/n) (安装测试功能。输入 n
后回车。)
8 ? Setup e2e tests with Nightwatch? (Y/n) (测试的内容,输出 n
然后回车。)
$ cd vue-demo (进入项目)
npm install (初始化安装)
npm run dev (运行项目)
上截图
安装 初始化截图(PS 打错单词了)
藐视项目截图 在浏览器输入 http://localhost:8080 (成功了)