首先安装好node
在终端中查看node和npm版本号是否正确显示（node -v, npm -v）
node和npm都正常安装的情况下，
1.全局安装vue-cli脚手架
npm install -g vue-cli
2.创建初始化一个基于webpack模板的新项目，取名vueapp
vue init webpack vueapp
3.如下图，对初始化项目进行一些基础设置
4.设置结束后，出现提示语
5.项目启动
cd vueapp
npm run dev
项目启动成功之后，默认地址是http://localhost:8080
浏览器中打开这个地址是一个展示vue图标的界面。
6.项目文件介绍
image.png
项目结构中，package.json,文件里面 dependencies 和 devDependencies 中的内容就是我们所需要依赖的模块和插件。
image.png
build：
vue-cli升级到2.9.1之后，把webpack升级到了v3.6.0，里边去掉了dev-server和dev-client两个文件。
默认通过webpack.dev.conf.js进行配置。
node_modules:依赖插件包
static：也是配置文件
index.html：入口
src：整个项目中最重要的部分，也是所有代码写入的文件夹，
src/main.js：当前项目的逻辑入口
main.js执行完之后，去执行App.vue;
6.sublime text
中vue代码的高亮显示设置
Tools -->Command Palette... ---> install package ---> 输入vue，选择Hightlight
网友评论