1. 安装npm、cnpm、vue
2. 创建项目:进入cmd到需要的目录输入以下命令
vue create 项目名称
如:
vue create static
根据需求选择相应的配置
3. 生成的目录
4. 运行项目
cd static
npm run serve
在浏览器输入给定的网址即可:
5. 根据目录结构进行开发
I - src 存储我们项目开发的源文件
| - main.js 打包编译的入口文件
| - App.vue 项目页面的入口文件(可以自己命名,在脚手架中,html
页面不再是.html
文件,而是.vue
文件)
| - components 存放当前项目的公共组件
| - xxx.vue
| - assets 项目需要的静态资源文件
| - xxx.png
| - xxx.css
| - ... 自己添加的文件
| - public
| - index.html 当前项目的主页面(src编译后都会呈现在index.html的#app容器中)
| - xxx.xx 虽然建议把开发的代码或资源放到src中,但某些资源可能需要单独在index.html中