Vue项目开发部署

vue项目开发部署

1、如何使用vue开发
安装vue脚手架 cnpm i @vue/cli -g
vue create myapp
vue ui
如何使用3的脚手架兼容2的脚手架
cnpm i @vue/cli-init -g
vue init webpack myapp

vue-cli
1.cnpm i vue-cli -g
2.vue init webpack myapp

2.22. 以3为例
vue create myapp
cd myapp
cnpm run serve

2.2.3添加dev指令
package.json文件中scripts中添加dev为npm run serve

2.2.4 依据需求修改 App.vue

· 拷贝lib文件的scss库到src文件夹下，并且完成App.vue的布局
· 创建必须的页面
views/home/index.vue
views/kind/index.vue
views/cart/index.vue
views/user/index.vue

·创建公共页面的底部组件 src/components/Footer.vue